diff --git a/themes/default/css/custom.css b/themes/default/css/custom.css index f57b172..5030f67 100644 --- a/themes/default/css/custom.css +++ b/themes/default/css/custom.css @@ -1,2168 +1,1912 @@ -/*Stage 2019 css générique ccjcorea omeka-c Jérémie Hoarau - -couleurs utilisées: - ---mainColor: #006dac;(bleu des liens , titres et bandeau titre) ---darkMainColor: #005c9e;(pour les hover) ---lightbeige: #fafafa ;(footer et navbar) ---darkgray: #333; (pour les placeholder) ---buttongray: #666; (pour les boutons type loupe) - --black; (pour forcer à mettre en noir ex: dans le solr facet ou la navbar) --lightgray; (background color) --blanc: white; (bandeau titre, background de blocs) - --orange: orange; (liens de navigation) -*/ - -@font-face { - font-family: 'Questrial'; - font-style: normal; - font-weight: 400; - src: local('Questrial'), local('Questrial-Regular'), url(fonts/questrial-v9-latin-regular.woff) format('woff'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; -} -@font-face { - font-family: 'Open Sans'; - font-style: normal; - font-weight: 400; - src: local('Open Sans'), local('OpenSans-Regular'), url(fonts/open-sans-v16-latin-regular.woff) format('woff'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +@font-face{ + font-family: 'Questrial'; + font-style: normal; + font-weight: 400; + src: local('Questrial'), local('Questrial-Regular'), url(fonts/questrial-v9-latin-regular.woff) format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } -/* ____________________________________________________________________________ - RÉGLAGES GÉNÉRAUX - ____________________________________________________________________________ -*/ +@font-face{ + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans-Regular'), url(fonts/open-sans-v16-latin-regular.woff) format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +:root{ + --mainColor: #006dac; + --lightbeige: #fafafa; + --darkMainColor: #005c9e; + --darkgray: #333; + --buttongray: #666; +} -: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; } -*, input, .button, button, input[type="reset"], input[type="submit"], input[type="button"] { - font-family: 'Open Sans', sans-serif; + +body{ + font-family: 'Open Sans', sans-serif; + min-width: 340px; } -/* 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; + font-family: 'Open Sans', sans-serif; } -/*placeholder*/ -::placeholder, ::-ms-input-placeholder { - font-style: italic; -} -::-ms-input-placeholder { - font-style: italic; +::-ms-input-placeholder{ + font-family: 'Open Sans', sans-serif; } -#search-container #search-form #query::placeholder, -#content #advanced-search-form input::placeholder, -#search_block #search-keywords #keyword-search::placeholder { - color: var(--darkgray); +h1, .h1, h2, .h2, .hasH2{ + font-variant: small-caps; + font-weight: normal; } -/*cache l'arbre de navigation*/ -.breadcrumb { - display: none; +::placeholder, ::-ms-input-placeholder{ + font-style: italic; } -/* enleve la bordure pointillée des liens sur toutes les pages */ -a { - border: 0; +::-ms-input-placeholder{ + font-style: italic; } -/*grossi les liens au survol*/ -a:hover { - text-decoration: underline; +#search-container #search-form #query::placeholder, #content #advanced-search-form input::placeholder, #search_block #search-keywords #keyword-search::placeholder{ + color: var(--darkgray); } -body a:visited { - color: var(--mainColor); +a{ + border: 0; } -/* force la hauteur du bloc principal */ -#wrap { - min-height: 100vh; - min-width: 99vw; +a:hover{ + text-decoration: underline; } -/*disposition contenu sur la page home*/ -#home #content { - display: flex; - align-items: flex-start; - flex-flow: row wrap; - width: 100%; - height: 100%; - border-radius: 10px; - padding-top: 1em; +body a:visited{ + color: var(--mainColor); } -/* retire le contour quand on clique sur l'élément */ -#content:focus { - outline: 0; +ul.navigation a, footer .links a{ + text-decoration: none; } -/* retire le sous-lignage des liens */ -ul.navigation a, footer .links a { - text-decoration: none; +/* header */ +header{ + display: flex; + flex-flow: row nowrap; + border: 0; + margin: 0 auto; + padding: 0 1em 0 1em; + justify-content: flex-end; + align-items: center; } -#content ol { - width: 100%; - text-align: center; - margin: 0; - padding: 0; +#site-title{ + display: flex; + z-index: 10; + align-items: center; + justify-content: left; + margin: 0 auto; + padding: 0; + min-width: 10rem; + flex:1; } -/* ____________________________________________________________________________ - HEADER - ____________________________________________________________________________ -*/ -header { - display: flex; - flex-flow: row wrap; - height: 100%; - border: 0; - margin: 0 auto; - padding: 0 1em 0 1em; +#site-title a img{ + padding: 1rem; + max-width: 100%; } -/* _____________________________ Logo principal ______________________________*/ -#site-title { - display: flex; - width: 60%; - z-index: 10; - bottom: 5px; - padding: 0.5em 0 0.3em 0; - align-items: center; +#site-title a img:hover{ + border-radius: 10px; + box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); } -#site-title a img:hover { - border-radius: 10px; - box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); +header .header-icons{ + display: flex; + flex: 1; + flex-direction: row-reverse; + align-items: center; + justify-content: center; + margin: 1rem; + max-width: max-content; } -/*________________ Icones de connexion,flux et réseau social _________________*/ -i { - font-family: "Font Awesome 5 Free"; - font-size: 2em; - margin: 0 0.2em; - font-weight: 900; +header .header-icons a{ + box-sizing: border-box; + text-decoration: none; } + +header .header-icons i:hover{ + filter: drop-shadow(2px 3px 2px gray); +} + +i{ + font-family: "Font Awesome 5 Free"; + font-size: 2em; + margin: 0 0.2em; + font-weight: 900; +} + i.fas.fa-external-link-alt{ - font-size: 1em; -} -#user-icon::before { - color: var(--mainColor); + font-size: 1em; } -#user-icon:hover { - color: orange; +#user-icon::before{ + color: var(--mainColor); } -#rss-icon::before { - color: orange; +#user-icon:hover{ + color: var(--mainColor); } -#rss-icon:hover { - color: var(--mainColor); +#rss-icon::before{ + color: var(--mainColor); } -#share-icon::before { - font-style: normal; - color: var(--mainColor); +#rss-icon:hover{ + color: var(--mainColor); } -#share-icon:hover { - color: orange; +#share-icon{ + cursor: pointer; } -header .header-icons { - display: flex; - flex: 1; - flex-direction: row-reverse; - align-items: center; - right: 0; - top: 2em; +#share-icon::before{ + font-style: normal; + color: var(--mainColor); } -header .header-icons a { - box-sizing: border-box; - text-decoration: none; +#share-icon:hover{ + color: orange; } -header .header-icons i:hover { - transform: scale(1.1); - filter: drop-shadow(2px 3px 2px gray); +header #shareMenu{ + background-color: var(--lightbeige); + z-index: 1002; + position: absolute; + top: 75px; + right: 10px; + display: none; + overflow: hidden; + max-width: 220px; + height: auto; + border-radius: 10px; + padding: 0.5em; + box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); } -/*____________________________ Menu de partage _______________________________*/ -header .shareMenu { - background-color: var(--lightbeige); - z-index: 1002; - position: absolute; - top: 75px; - right: 10px; - display: none; - overflow: hidden; - max-width: 220px; - height: auto; - border-radius: 10px; - padding: 0.5em; - box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); -} -header .shareMenu h4 { - text-align: center; - color: black; -} -header .shareMenu a, header .shareMenu div { - display: flex; - flex-direction: row; - justify-content: left; - align-items: center; - height: auto; - width: 200px; - margin-bottom: 5px; - background-color: lightgray; - box-shadow: 1px 1px 1px black; - border-radius: 10px; - padding: 5px; - text-decoration: none; - cursor: pointer; -} -header .shareMenu a:hover, header .shareMenu div:hover { - transform: scale(1.03); -} -header .shareMenu h5 { - margin: 0; - font-size: 13px; - font-weight: bold; - font-style: normal; - color: var(--darkgray); - text-align: center; - width: 100%; +header #shareMenu h4{ + text-align: center; + color: black; } -header .shareMenu img { - width: auto; - max-width: 50px; - height: auto; - max-height: 1.5em; +header #shareMenu a{ + display: flex; + flex-direction: row; + justify-content: left; + align-items: center; + height: auto; + width: 200px; + margin-bottom: 5px; + background-color: lightgray; + box-shadow: 1px 1px 1px black; + border-radius: 10px; + padding: 5px; + text-decoration: none; + cursor: pointer; } -/* ___________________________ Barre de recherche ___________________________*/ -/*arrondi els angles de la barre de recherche(gauche)*/ -#search-container input#query { - border-radius: 15px; - margin: 0; +header #shareMenu h5{ + margin: 0; + font-size: 13px; + font-weight: bold; + font-style: normal; + color: var(--darkgray); + text-align: center; + width: 100%; } -#search-container input#query::placeholder { - color: var(--darkgray); +header .shareMenu img{ + width: auto; + max-width: 50px; + height: auto; + max-height: 1.5em; } -/*arrondi els angles du bouton de recherche(droite)*/ -#search-container button { - display: flex; - justify-content: center; - border-radius: 0 15px 15px 0; - background-color: var(--buttongray); - border: solid 1px var(--buttongray); - height: 30px; - width: 50px; /*correctif du bug natif de stylesheet de hauteur du bouton*/ +#search-container{ + flex: 3; + margin: 1rem; + text-align: right; } -#search-container button::after { - text-indent: 16px; +#search-container input#query{ + border-radius: 15px; + margin: 0; + width:28rem; } -#search-container { - width: 30em; - margin: auto 0; +#search-container input#query::placeholder{ + color: var(--darkgray); } -#search-form { - margin: 0; +#search-container button{ + display: flex; + justify-content: center; + border-radius: 0 15px 15px 0; + background-color: var(--buttongray); + border: solid 1px var(--buttongray); + height: 30px; + width: 50px; } -/*empeche le grossisement des "..." de la barre de recherche */ -#search-form > a.show-advanced.button:hover { - transform: none; +#search-container button::after{ + text-indent: 16px; } -#advanced-form { - border-radius: 0 0 10px 10px; - border-top: none; - top: 30px; +#search-form{ + margin: 0; } -/*___________________________ Navbar en ligne ________________________________*/ -#primary-nav { - display: flex; - justify-content: center; - align-items: center; - margin: 0; - width: 100%; +#search-form > a.show-advanced.button:hover{ + transform: none; } -#primary-nav .navigation { - background-color: var(--lightbeige); +#advanced-form{ + border-radius: 0 0 10px 10px; + border-top: none; + top: 30px; } -#primary-nav ul.navigation.nav-menu { - display: flex; - flex-flow: row wrap; - justify-content: center; - align-items: center; - width: 100%; - min-height: 3em; - height: auto; - font-size: 1em; - border: 0; - background-color: var(--lightbeige); - box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); +#bandeauTitre{ + display: flex; + flex-direction: row; + flex-wrap: wrap; + align-items: center; + background-color: var(--mainColor); + height: 2.2em; + width: 100%; + margin: 0; + padding: 0; } -#primary-nav ul.navigation * { - width: max-content; +#bandeauTitre h1{ + font-family: 'Questrial', sans-serif; + font-size: 1.8em; + font-weight: normal; + font-variant: unset; } -#primary-nav ul.navigation li a:before { - display: none; +#titre1{ + display: flex; + align-items: center; + text-align: center; + margin: 0 auto; + height: 100%; } -body #primary-nav ul.navigation.nav-menu li, -body #primary-nav ul.navigation.nav-menu li a, -#primary-nav ul.navigation.nav-menu li.nav-item { - background-color: transparent; +#bandeauTitre #titre1 h1{ + margin: 0; + color: white; } -#primary-nav ul.navigation.nav-menu li.nav-item { - display: flex; - align-items: center; - vertical-align: top; - height: 100%; - width: auto; - margin: 0; +#et{ + margin: 0 0.2em; + line-height: 0.6; + font-size: 1.8em; + text-shadow: -2px 4px 1px white; + color: var(--mainColor); } -#wrap .items-nav.navigation.secondary-nav .navigation li.active a { - color: orange; +#titre2{ + display: flex; + justify-content: center; + align-items: center; + margin: 0 auto; + height: 100%; } -/* ____________________________________________________________________________ - BANDEAU TITRE PERSONNALISÉ - ____________________________________________________________________________ -*/ -#bandeauTitre { - display: flex; - flex-direction: row; - flex-wrap: wrap; - align-items: center; - background-color: var(--mainColor); - height: 2.2em; - width: 100%; - margin: 0; - padding: 0; +#bandeauTitre #titre2 h1{ + height: 100%; + display: flex; + align-items: center; + text-align: center; + margin: 0; + background-color: white; + color: var(--mainColor); + padding: 0 0.5em; + border-left: 2px solid #aae1fa; + border-right: 2px solid #aae1fa; } -/*Correspond au titre dans la partie de gauche (zone bleu écriture blanche)*/ -#titre1 { - display: flex; - align-items: center; - text-align: center; - margin: 0 auto; - height: 100%; +#primary-nav{ + margin: 0; + width: 100%; } -#bandeauTitre #titre1 h1 { - font-family: 'Questrial', sans-serif; - font-size: 1.8em; - font-weight: normal; - margin: 0; - color: white; - font-variant: unset; +#primary-nav ul.navigation.nav-menu{ + display: flex; + flex-flow: row wrap; + justify-content: center; + align-items: center; + width: 100%; + min-height: 3em; + height: auto; + font-size: 1em; + border: 0; + background-color: var(--lightbeige); + box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); } -/*ajustement de la span pour l'esperluette entre Corpus et Ressources*/ -#et { - margin: 0 0.2em; - line-height: 0.6; - font-size: 1.8em; - text-shadow: -2px 4px 1px white; - color: var(--mainColor); +#primary-nav ul.navigation *{ + width: max-content; } -/*Correspond au titre dans la partie de droite (zone blanche écriture bleue)*/ -#titre2 { - display: flex; - justify-content: center; - align-items: center; - margin: 0 auto; - height: 100%; +#primary-nav ul.navigation.nav-menu li, #primary-nav ul.navigation.nav-menu li a{ + background-color: transparent; } -#bandeauTitre #titre2 h1 { - height: 100%; - display: flex; - align-items: center; - font-family: 'Questrial', sans-serif; - font-size: 1.8em; - font-variant: unset; - font-weight: normal; - text-align: center; - margin: 0; - background-color: white; - color: var(--mainColor); - padding: 0 0.5em; - border-left: 2px solid #aae1fa; - border-right: 2px solid #aae1fa; +#primary-nav ul.navigation.nav-menu li.nav-item{ + display: flex; + align-items: center; + vertical-align: top; + height: 100%; + width: auto; + margin: 0; } -/* ____________________________________________________________________________ - WRAP - ____________________________________________________________________________ -*/ -/* ___________________________ Barre de navigation __________________________*/ -/* rend orange les mots lors du survol ou quand actif*/ -#primary-nav ul.navigation.nav-menu li.nav-item a:hover, -#primary-nav ul.navigation.nav-menu a img:hover { - transform: scale(1.09); - color: orange; +#primary-nav ul.navigation.nav-menu li.nav-item.active a, #primary-nav ul.navigation.nav-menu li.nav-item a:hover, #primary-nav ul.navigation.nav-menu a img:hover{ + color: orange; } -#primary-nav ul.navigation.nav-menu li.nav-item.active a { - color: orange; - background-color: transparent; +#primary-nav ul.navigation > li a{ + border: none; + display: block; } -/*corrige le bug de la maison qui se déplace*/ -#primary-nav ul.navigation.nav-menu a.nav-item { - display: flex; - height: 32px; - width: 32px; - transform: translateX(10px); +#primary-nav ul.navigation.nav-menu li.nav-item a{ + text-align: center; + width: 100%; + word-break: keep-all; + margin: 0 auto; + padding: 0 1em; + border: 0; + color: black; + background-color: var(--lightbeige); + font-weight: bold; } -/*ajuste le positionnement des liens*/ -#primary-nav ul.navigation.nav-menu li.nav-item a { - text-align: center; - width: 100%; - word-break: keep-all; - margin: 0 auto; - padding: 0 1em; - background-color: transparent; +#primary-nav ul.navigation.nav-menu li.nav-item:not(:last-of-type) a{ + border-right: 1px solid lightgray; } -#primary-nav ul.navigation.nav-menu li.nav-item:not(:last-of-type) a { - border-right: 1px solid lightgray; +#primary-nav ul.navigation > li a:before{ + content: ""; } -#primary-nav ul.navigation.nav-menu li a { - border: 0; - color: black; - background-color: var(--lightbeige); - padding: 0; - font-weight: bold; +.menu-button.button{ + background-color: #404040; + width: 100%; + text-indent: 1em; + margin: 0; } -/* enleve le symbole fleche devant les items du menu */ -#primary-nav ul.navigation > li a:before { - content: ""; +#wrap{ + min-height: 100vh; + min-width: 99vw; } -.menu-button.button { - background-color: #404040; - width: 100%; - text-indent: 1em; - margin: 0; +#home #wrap{ + min-width: 0; + width: 100%; + padding: 0; } -/* ________________________________ -* page items/show/ -*/ -.item.show #wrap { - display: flex; - flex-flow: row wrap; - align-items: start; +#content{ + float: none; + display: flex; + flex-direction: row; + flex-wrap: wrap; + padding: 2em; + margin: 0 auto; + width: 80%; + min-height: 53vh; } -.item.show #wrap #content { - display: block; - min-height: max-content; - flex-flow: row wrap; - flex-basis: 50%; - align-items: start; - height: max-content; - min-width: 19em; - margin: 2em auto; - border-radius: 10px; - background-color: white; - box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); +#home #content{ + width: 90%; + padding: 0; } -.item.show #collection .element-text p { - margin: 0; +#content h1{ + text-align: center; + flex-basis: 100%; } -.item.show #dublin-core-creator .element-text a { - text-decoration: none; +#content .items-nav.navigation.secondary-nav{ + width: 100%; } -.item.show #wrap #content h1 { - text-align: left; +#content .items-nav.navigation.secondary-nav .navigation li.active a{ + color: orange; } + +#content .pagination-nav{ + flex-basis: 100%; +} + +#content .pagination-nav .pagination{ + display:flex; + justify-content: flex-end; + width: 100%; +} + +#content #sort-links .sort-label, #content #sort-links #sort-links-list{ + margin: 0; + padding: 0; +} + +#content #sort-links{ + height: 3em; + margin-bottom: 1em; +} + +#content:focus{ + outline: 0; +} + +#home #content{ + align-items: flex-start; +} + +#home #primary{ + float: none; + display: flex; + flex-flow: column wrap; + flex-basis: calc(2 * (100% / 3)); + justify-content: center; + align-items: center; + height: max-content; + margin: 4em auto; + padding: 0; +} + +@keyframes slidy{ + 0% {left: 0%;} + 20%{left: 0%;} + 25%{left: -100%;} + 45%{left: -100%;} + 50%{left: -200%;} + 70%{left: -200%;} + 75%{left: -100%;} + 95%{left: -100%;} + 100%{left: 0%;} +} + +.slider{ + width: 90%; + min-width: 15rem; + overflow: hidden; + border-radius: 5px; + box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); +} + +.slider div img{ + width: calc(100% / 3); + float: left; +} + +.slider div{ + position: relative; + width: 300%; + margin: 0; + left: 0; + text-align: left; + font-size: 0; + animation: 30s slidy infinite; +} + +#primary .imgune{ + display: flex; + text-align: center; + align-items: center; + max-width: 100%; + padding-top: 2em; + flex-direction: column; + border-radius: 10px; +} + +#primary .imgune .titre{ + display: flex; + align-items: center; + justify-content: center; + color: white; + width: 100%; + height: 2em; + background-color: rgba(88, 89, 86, .9); + border-radius: 0 0 10px 10px; + transform: translateY(-2em); +} + +#primary .imgune img{ + box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); + border-radius: 10px; + width: 100%; +} + +#primary p{ + text-align: justify; +} + +#home .collections{ + display: flex; + flex-flow: row wrap; + flex-basis: 95%; + margin: 0; +} + +#home .collections h2{ + width: 100%; + margin: 1em auto; + text-align: center; + font-variant: small-caps; + font-weight: normal; + border-bottom: 1px solid var(--mainColor); +} + +#home .collections a{ + display: flex; + justify-content: center; + align-items: center;flex-basis: 30%; + min-width: 16rem; + min-height: 16rem; + margin: 0.6em auto; + background-size: cover; + background-repeat: no-repeat; + text-align: center; + border-radius: 5px; + box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); +} + +#home .collections a span{ + padding: 5px; + font-size: 1.15em; + word-break: keep-all; + background-color: var(--mainColor); + color: white; + width: 100%; +} + +#home #secondary{ + float: none; + flex-basis: calc(100% / 3); + display: flex; + flex-flow: row wrap; + justify-content: center; + margin-top: 2em; + padding: 0; +} + +#home #content #secondary #featured-collection, #home #content #secondary #featured-exhibit, #home #content #secondary #featured-item, #home #content #secondary #recent-items{ + float: none; + display: flex; + flex-flow: row wrap; + align-items: center; + justify-content: center; + text-align: center; + margin: 1em 0; + min-width: 19em; + max-width: 100%; + flex: 1; + width: 100%; + height: 100%; + background-color: transparent; + padding: 0; +} + +#home #content #secondary #featured-collection .collection.record, #home #content #secondary #featured-exhibit .exhibit.record, #home #secondary #featured-item .item.record, #home #secondary #recent-items .item.record{ + display: flex; + flex-direction: column; + flex-wrap: nowrap; + align-items: center; + text-align: center; + margin: 1em auto; + padding: 1em; + min-width: 17.5em; + min-height: 20em; + width: 100%; + background-color: white; + border-radius: 5px; + box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); +} + +#home #content #secondary #featured-collection .collection.record p, #home #content #secondary #featured-exhibit .exhibit.record p, #home #secondary #featured-item .item.record p, #home #secondary #recent-items .item.record p{ + margin: 1.5em; + font-size: 0.9em; + text-align: justify; +} + +#home #content #secondary #featured-collection h2, #home #content #secondary #featured-exhibit h2, #home #secondary #featured-item h2, #home #secondary #recent-items h2{ + font-variant: small-caps; + font-weight: normal; + margin-top: 0; + width: 80%; + border-bottom: 1px solid var(--mainColor); +} + +#home #content #secondary #featured-collection h3, #home #content #secondary #featured-exhibit h3, #home #content #secondary #featured-item h3, #home #content #secondary #recent-items h3{ + align-self: stretch; + margin-bottom: 2em; + text-align: center; + font-size: 1em; +} + +#home #content #secondary #featured-collection h3:hover, #home #content #secondary #featured-exhibit h3:hover, #home #content #secondary #featured-item h3:hover, #home #content #secondary #recent-items h3:hover{ + text-decoration: underline; +} + +#home #content #secondary #featured-collection h3 a, #home #content #secondary #featured-exhibit h3 a, #home #content #secondary #featured-item h3 a, #home #content #secondary #recent-items h3 a{ + font-weight: normal; + text-decoration: none; +} + +#home #content #secondary #featured-collection .image, #home #content #secondary #featured-exhibit .image, #home #content #secondary #featured-item .image, #home #content #secondary #recent-items .image{ + text-align: center; + margin: 0; + width: 80%; + height: auto; + box-shadow: none; +} + +#home #content #secondary #featured-collection img, #home #content #secondary #featured-exhibit img, #home #content #secondary #featured-item img, #home #content #secondary #recent-items img{ + width: 80%; + height: auto; + border-radius: 5px; + box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); +} + +#home #secondary #recent-items .item.record{ + display: flex; + flex-direction: row; + min-height: 0; +} + +#home #secondary #recent-items .item.record > *{ + flex: 1; +} + +#home #secondary #recent-items .item.record a{ + max-width: 100px; + max-height: 100px; +} + +#home #content #secondary #recent-items .item.record h3{ + margin-bottom: 0; +} + +#recent-items .view-items-link{ + min-width: 17.5em; + margin: 1em auto; +} + +#content .exhibit.even{ + padding: 1em; +} + +#content .exhibit.even .description p{ + text-align: justify; +} + +/* page item */ +.item.show #wrap{ + display: flex; + flex-flow: row wrap; + align-items: start; +} + +.item.show #wrap #content{ + flex-basis: 40%; + min-height: max-content; + justify-content: center; + align-items: start; + height: max-content; + min-width: 19em; + margin: 2em auto; + border-radius: 10px; + background-color: white; + box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); +} + +.item.show .element h3::after, .item.show .element h2::after{ + content: "\0000a0:\0000a0"; +} + +.item.show #collection .element-text p{ + margin: 0; +} + +.item.show #dublin-core-creator .element-text a{ + text-decoration: none; +} + +.item.show #wrap #content h1{ + text-align: left; +} + .item.show #titre-pactols{ - font-weight: bold; -} -.item.show #wrap #content h2:first-of-type, -#item-citation { - flex-basis: 100%; - margin: 1em 0; - padding-top: 1em; - border-top: dotted lightgray; - border-top-width: 0.3em; + font-weight: bold; } -.item.show nav { - margin-top: 2em; +.item.show #wrap #content h2:first-of-type, #item-citation{ + flex-basis: 100%; + margin: 1em 0; + padding-top: 1em; + border-top: dotted lightgray; + border-top-width: 0.3em; } -.item.show #item-images { - display: flex; - flex-flow: row wrap; - justify-content: start; - flex-wrap: wrap; - height: 10em; - margin-bottom: 1em; +.item.show nav{ + margin-top: 2em; } + +.item.show #item-images{ + display: flex; + flex-flow: row wrap; + justify-content: start; + flex-wrap: wrap; + height: 10em; + margin-bottom: 1em; +} + .item.show #item-images > div{ - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; -} -.item.show #item-images > div a { - margin: 0; - height: auto; - -} -.item.show #item-images > div a:last-child { - color:white; - width:87%; - padding: 0.5em; - border-radius: 0 0 8px 8px; - background-color: var(--buttongray); + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; } -.item.show #item-images > div a:hover { +.item.show #item-images > div a{ + margin: 0; + height: auto; } -.item.show #item-images > div a img { - width: 7em; - margin: 0.5em 0.5em 0; +.item.show #item-images > div a:last-child{ + color:white; + width:87%; + padding: 0.5em; + border-radius: 0 0 8px 8px; + background-color: var(--buttongray); } -.item.show #item-images > div a img:hover { - transform: scale(1.05); - cursor: pointer; +.item.show #item-images > div a img{ + width: 7em; + margin: 0.5em 0.5em 0; } -.item.show #itemfiles h3 > div { - margin-top: 0.5em; +.item.show #item-images > div a img:hover{ + cursor: pointer; } -#fichiers { - width: 80%; - padding-top: 1em; +.item.show #itemfiles h3 > div{ + margin-top: 0.5em; } - -.element-set { - display: flex; - flex-flow: row wrap; - width: 100%; +#fichiers{ + width: 80%; + padding-top: 1em; } -/* justification du texte abstracts */ -#pactols-item-type-metadata-pactols-sujets .element-text { - width: 33%; +.element-set{ + display: flex; + flex-flow: row wrap; + width: 100%; } -#pactols-item-type-metadata-pactols-sujets h3 { - flex-basis: 100%; +#pactols-item-type-metadata-pactols-sujets .element-text{ + width: 33%; } -.element-set .element h3, .element-set .element-text { - display: inline-flex; - margin: 0; - margin-bottom: 0.5em; +#pactols-item-type-metadata-pactols-sujets h3{ + flex-basis: 100%; } -.element-set .element h3 { +.element-set .element h3, .element-set .element-text{ + display: inline-flex; + margin: 0; + margin-bottom: 0.5em; } -#dublin-core-format .element-text { + +#dublin-core-format .element-text{ display:block; margin-left: 31%; } -.item.show h3, .item.show h2 { - font-size: 16px; - line-height: 20px; - height: max-content; - margin: 0; + +.item.show h3, .item.show h2{ + font-size: 16px; + line-height: 20px; + height: max-content; + margin: 0; } -.element { - width: 100%; +.element{ + width: 100%; } -/* mettre un point-virgule entre les champs en ligne */ -.item.show .element-set > div > .element-text > *:after { - content: ""; +.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 { - content: ""; +.item.show .element-set > div > .element-text:last-of-type > *:after{ + content: ""; +} +.element-text a:hover{ + font-weight: bold; + color: var(--darkMainColor); } -.element-text a:hover { - font-weight: bold; - color: var(--darkMainColor); +body.items.tags #wrap #content p{ + width: 100%; + text-align: center; } -body.items.tags #wrap #content p { - width: 100%; - text-align: center; +#dublin-core-subject :not(:first-child):not(:last-child)::after{ + content: ";"; } -#dublin-core-subject :not(:first-child):not(:last-child)::after { - content: ";"; +#rightDiv{ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + flex-basis: 40%; + text-align: center; + margin: 2em auto; + padding: 1.5em 0.5em; + min-width: 19em; + width: auto; + height: auto; + border-radius: 10px; + background-color: white; + box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); } -#rightDiv { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - flex-basis: 40%; - text-align: center; - margin: 2em auto; - padding: 1.5em 0.5em; - min-width: 19em; - width: auto; - height: auto; - border-radius: 10px; - background-color: white; - box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); +#rightDiv ol{ + margin: 0.5em auto; + padding: 0 2em; + text-align: left; + word-break: break-all; } -#rightDiv ol { - margin: 0.5em auto; - padding: 0 2em; - text-align: left; - word-break: break-all; +#rightDiv #transcribe, #rightDiv #item-relations-display-item-relations, #scripto-transcription{ + width: 80%; + border-top: dotted lightgray; + border-top-width: 0.25em; + padding: 2em 0; } -#rightDiv #transcribe, -#rightDiv #item-relations-display-item-relations, -#scripto-transcription { - width: 80%; - border-top: dotted lightgray; - border-top-width: 0.25em; - padding: 2em 0; +#item-relations-display-item-relations h2{ + margin-bottom: 1em; } -#item-relations-display-item-relations h2 { - margin-bottom: 1em; +#pactols-item-type-metadata-pactols-sujets{ + display: flex; + flex-flow: row wrap; + text-align: justify; } -#item-relations-display-item-relations table tbody tr td img.thumbnail:hover { - transform: scale(1.1); +#content .element-set:nth-of-type(n+2) .element .element-text a:first-of-type{ + padding-left: 1em; + margin-right: 5px; } -/*supprime l'espace blanc causé par justify dans Sujet*/ -#pactols-item-type-metadata-pactols-sujets { - display: flex; - flex-flow: row wrap; - text-align: justify; -} - -#content .element-set:nth-of-type(n+2) .element .element-text a:first-of-type { - padding-left: 1em; - margin-right: 5px; -} #dublin-core-creator .element-text a{ - margin-left: 5px; + margin-left: 5px; } -#content .element-set:nth-of-type(2) .element-set > div, -#content .element-set:nth-of-type(2) .element-set .element-text { - display: flex; - flex-direction: row; - flex: 1; +#content .element-set:nth-of-type(2) .element-set > div, #content .element-set:nth-of-type(2) .element-set .element-text{ + display: flex; + flex-direction: row; + flex: 1; } -#geolocation, #geolocation-browse { - width: 100%; - padding: 0.5em; - align-self: center; - margin: 1em 0; -} -#geolocation h2 { - margin-bottom: 1em; +.item.show #geolocation, #geolocation-browse{ + width: 100%; + padding: 0.5em; + align-self: center; + margin: 1em 0; } -/* formats de sortie dans parcourir les contenus*/ -#outputs { - width: 100%; +.item.show #geolocation h2{ + margin-bottom: 1em; } -#outputs .outputs-label::after { - content: ":"; +/* formats de sortie*/ +#outputs{ + width: 100%; } - -/* formats de sortie */ -#item-output-formats li { - display: inline-block; +#outputs .outputs-label::after{ + content: ":"; } -#item-output-formats { - text-align: center; - padding-top: 1em; - border-top: 1px dotted lightgray; - border-top-width: 0.3em; +#item-output-formats li{ + display: inline-block; } - -#output-format-list { - margin-top: 0; - padding-left: 0; +#item-output-formats{ + text-align: center; + padding-top: 1em; + border-top: 1px dotted lightgray; + border-top-width: 0.3em; } -/* séparation entre chaque élément */ -#item-output-formats li:after { - content: ", "; +#output-format-list{ + margin-top: 0; + padding-left: 0; } -#item-output-formats li:last-of-type:after { - content: ""; +#item-output-formats li:after{ + content: ", "; +} +#item-output-formats li:last-of-type:after{ + content: ""; } -/* ________________________________ -* page items/search/ (recherche avancée) -*/ -.inputs .search-entry * { - height: 30px; +select, textarea, input{ + max-width: 100%; } -.inputs #keyword-search::placeholder { - text-indent: 1em; - color: var(--darkgray); +/* recherche avancée & carte */ +.items.advanced-search #advanced-search-form, .map.browse #search{ + display: flex; + align-items: center; + justify-content: center; + flex-flow: column; + margin: 0 auto; } -.remove_search { - width: auto; +.inputs #keyword-search::placeholder{ + text-indent: 1em; + color: var(--darkgray); } -.items.advanced-search #content { - width: 80%; - float: none; - margin-left: auto; - margin-right: auto; +#content #search-narrow-by-fields .search-entry{ + display: flex; + justify-content: flex-end; + border-radius: 10px; + background-color: var(--lightbeige); } -.items.advanced-search #advanced-search-form, -.map.browse #search { - display: flex; - align-items: center; - justify-content: center; - flex-flow: column; - width: 80%; +.inputs .search-entry *{ + height: 30px; } -#content #search-narrow-by-fields .search-entry { - display: flex; - justify-content: right; - border-radius: 10px; - background-color: var(--lightbeige); +#search-narrow-by-fields .search-entry select, #search-narrow-by-fields .advanced-search-terms{ + margin-right: 3px; +} +#advanced-search-form #search-narrow-by-fields .advanced-search-element, #advanced-search-form #search-narrow-by-fields .advanced-search-type, #advanced-search-form #search-narrow-by-fields .advanced-search-terms, #search #search-narrow-by-fields .advanced-search-element, #search #search-narrow-by-fields .advanced-search-type, #search #search-narrow-by-fields .advanced-search-terms{ + width: 30%; } -.items.advanced-search #search-narrow-by-fields .advanced-search-joiner, -#search_block #search-narrow-by-fields .advanced-search-joiner { - width: 8%; - background-color: lightgray; - margin-right: 2em; - font-size: 0.95em; - min-width: max-content; +option[disabled]{ + display: none; } -#search-narrow-by-fields .inputs .remove_search { - width: 30px; +.add_search, #submit_search_advanced{ + width: max-content; + align-self: center; } -#search-narrow-by-fields .search-entry select, -#search-narrow-by-fields .advanced-search-terms { - margin-right: 3px; +.add_search, .remove_search{ + background-color: var(--buttongray); } -.items.advanced-search #content #search-narrow-by-fields .advanced-search-element,/*recherche avancée*/ -#search-narrow-by-fields .advanced-search-element,/*recherche avancée géolocation*/ -.items.advanced-search #content #search-narrow-by-fields .advanced-search-type,/*recherche avancée*/ -#search-narrow-by-fields .advanced-search-type,/*recherche avancée géolocation*/ -.items.advanced-search #content #search-narrow-by-fields .advanced-search-terms,/*recherche avancée*/ -#search-narrow-by-fields .advanced-search-terms/*recherche avancée géolocation*/ { - width: 30%; +#submit_search_advanced{ + background-color: var(--mainColor); } -/*cache les options inutiles dans les select*/ -option[disabled] { - display: none; +.field label, .field .label{ + margin: 1em 0; + width: 100%; + margin-bottom: 1.5em; } -#search_block #search div { - display: flex; - flex-direction: column; - width: 100%; +#advanced-search-form #search-narrow-by-fields .advanced-search-joiner, #search #search-narrow-by-fields .search-entry select.advanced-search-joiner{ + width: 8%; + background-color: lightgray; + margin-right: 2em; + font-size: 0.95em; + min-width: max-content; } -#search_block #search #search-narrow-by-fields .inputs .search-entry { - display: flex; - flex-direction: row; - margin-top: 0; +#advanced-search-form #search-narrow-by-fields .search-entry:first-child .advanced-search-joiner, #search #search-narrow-by-fields .search-entry:first-child .advanced-search-joiner{ + display: block; + visibility: hidden; } - -.add_search, #submit_search_advanced { - width: max-content; - align-self: center; +/* carte */ +#map-links ul li{ + margin-bottom: 0; + line-height: 20px; } -.add_search, .remove_search { - background-color: var(--buttongray); +.gm-style-iw img{ + max-width: 100% !important; + max-height: 150px !important; } -#submit_search_advanced { - background-color: var(--mainColor); +#search_block{ + flex-basis: 80%; +} +#search input, #search select{ + width: 100%; + display: block; + margin-bottom: 1.5em; } -.field label, .field .label { - margin: 1em 0; - width: 100%; - margin-bottom: 1.5em; +#search .field{ + border-bottom: 1px solid #ccc; + width: 100%; + overflow: auto; + padding: 1.5em 0; + margin-bottom: 0em; } -#search-narrow-by-fields .search-entry:first-child .advanced-search-joiner { - display: block; - visibility: hidden; +#search .field .inputs{ + width: 100%; } -/* ________________________________ -* page scripto-transcribe -*/ -#scripto-transcribe.scripto /*.item-file.application-pdf*/.item-file.application-pdf{ - display: flex; - min-height: max-content; - flex-flow: row wrap; - flex-basis: 50%; - align-items: start; - height: max-content; - min-width: 19em; - margin: 2em auto; - border-radius: 10px; - background-color: white; +#search input[type="submit"], #search button{ + clear: both; + width: auto; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; +} + +/* scripto */ +.pageScripto #primary{ + flex-basis: 100%; +} + +#scripto-transcribe.scripto{ + display: flex; + flex-direction: column; + align-items: stretch; +} + +.pageScripto #primary .scripto > p{ + font-size: 1em; + text-align: center; +} + +a.download-file img{ + max-width:100%; + object-fit: cover; +} + +#scripto-transcribe.scripto #scripto-transcription, #scripto-transcribe.scripto #scripto-talk{ + border-top: dotted lightgray; + border-top-width: 0.25em; + padding: 2em 0; + width: 100%; + text-align: center; +} + +#scripto-transcribe.scripto .item-file.application-pdf{ + display: flex; + min-height: max-content; + flex-flow: row wrap; + flex-basis: 40%; + align-items: start; + height: max-content; + min-width: 19em; + margin: 2em auto; + border-radius: 10px; + background-color: white; box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); padding: 2em; justify-content: center; - } -/* ________________________________ -* files show -*/ -.files.show.primary-secondary #content { - justify-content: space-between; + +#scripto-transcribe.scripto .item-file.image-jpeg{ + text-align: center; } -.files.show #wrap #content #primary, - .files.show.primary-secondary #content #sidebar{ - display: flex; - min-height: max-content; - flex-flow: row wrap; - flex-basis: 50%; - align-items: start; - height: max-content; - min-width: 19em; - margin: 2em auto; - border-radius: 10px; - background-color: white; + +#scripto-transcription-page-html{ + border-radius: 10px; + background-color: white; box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); padding: 2em; } + +#scripto-transcription-page-html *{ + font-family: times; + color: #1E5C96; +} + +.files.show.primary-secondary #content{ + justify-content: space-around; +} + .files.show #wrap #content #primary{ order:2; - align-content:center; - justify-content:space-around; + text-align: center; + flex-basis: 60%; } + .files.show #wrap #content #primary > *{ margin: 0.5rem 0; } + .files.show #wrap #content #primary #scripto-transcription{ - width: 100%; } -.files.show.primary-secondary #content #sidebar { + +.files.show.primary-secondary #content #sidebar{ order:1; flex-basis:30%; } -/* ________________________________ -* simple page -*/ - -#credits #wrap, #mentions-legales #wrap, -#politique-confidentialite #wrap, .collections.show #wrap { - display: flex; - flex-direction: column; +#credits #wrap, #mentions-legales #wrap, #politique-confidentialite #wrap, .collections.show #wrap{ + display: flex; + flex-direction: column; } -#credits #content, #mentions-legales #content, -#politique-confidentialite #content, .collections.show #content { - text-align: justify; - width: 80%; - margin: 0 auto; +/* page collection */ +.collections.show #wrap #content h2, .collections.show #wrap #content #collection-items, .collections.show #wrap #content #collection-tree{ + flex-basis: 100%; + text-align: left; } -/* ________________________________ -* page collections -*/ -.collections.show #wrap #content h2, -.collections.show #wrap #content #collection-items, -.collections.show #wrap #content #collection-tree { - 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; - width: 100%; - justify-content: center; + padding-left: 1.2em; + background: url(../img/parcourirpetit.png) no-repeat left center; } -.collections.show .element { - margin-bottom: 0; +.collections.show #wrap #content .element-set #dublin-core-description .element-text{ + display: flex; + flex-direction: column; + width: 100%; + justify-content: center; } -.collections.show #wrap #content h2, .admin-bar.collections.show #wrap #content h2 { - margin-top: 2em; +.collections.show .element{ + margin-bottom: 0; } -/* _______________________________ #content _________________________________*/ -#solr-search-form { - /* cache la deuxieme barre dans la page solr search qui apparait dans le #content après une recherche*/ - display: none; +.collections.show #wrap #content h2, .admin-bar.collections.show #wrap #content h2{ + margin-top: 2em; } -#content { - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: center; - padding: 2em; - border-radius: 10px; - width: 100%; - min-height: 53vh; +/* page collections */ +.collections.browse #content .collection h2{ + margin-bottom: 0.5em; } -#content h1 { - width: 100%; - text-align: center; +.collections.browse #content .collection .image{ + height: 125px; } -#wrap #content .pagination-nav { - display: flex; - justify-content: center; - text-align: center; - width: 100%; -} - -#wrap #content .pagination-nav .pagination { - margin: 0; - width: auto; - min-width: 11em; -} - -#wrap #content #sort-links .sort-label, -#wrap #content #sort-links #sort-links-list { - margin: 0; - padding: 0; -} - -#wrap #content #sort-links { - width: 100%; - height: 3em; - margin-bottom: 1em; -} - -#content .item.hentry { - width: 100%; - text-align: justify; -} - -#content #advanced-search-form { - width: 100%; - column-count: 4; - padding-left: 1.15em; -} - -#content #advanced-search-form > div { - display: flex; - flex-direction: column; - justify-content: start; -} - -#content #advanced-search-form div label, -#content #advanced-search-form div .label { - width: 100%; -} - -#content .items-nav.navigation.secondary-nav { - width: 100%; -} -/* recherche dans map */ -.field .remove_search::after { - content: "\f00d"; - font-family: "FontAwesome"; - text-indent: 0; - text-align: center; - width: 100%; - top: 0; - left: 0; - position: absolute; - line-height: 30px; -} - -/* ________________________________ -* page collections/browse/ -*/ -.collections.browse #content .collection h2 { - margin-bottom: 0.5em; -} - -.collections.browse .view-items-link a { +.view-items-link a, a.itemsLink{ padding-left: 2em; - background: url(../logos_img/img/parcourirpetit.png) no-repeat left center; + background: url(../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; + border-bottom: 0.1rem solid #ccc; + margin: 0 auto; + flex-basis: 100%; } #views div{ - width: max-content; - margin-left: auto; + width: max-content; + margin-left: auto; } #views a:nth-of-type(2){ - border-left: 0.0625em solid #ccc; + border-left: 0.1rem solid #ccc; } #views a i{ - font-size: 16px; + font-size: 16px; } #views a .active{ - color: orange; + color: orange; } -#content .collection { - display: flex; - flex-flow: row wrap; - text-align: justify; - width: 100%; - padding: 1em; +#content .collection{ + display: flex; + flex-flow: row wrap; + text-align: justify; + width: 100%; + padding: 1em; } -#content .collection h2, -#content .collection p { - width: 100%; +#content .collection h2, #content .collection p{ + width: 100%; } -#description-box { - display: flex; - justify-content: center; +#description-box{ + display: flex; + justify-content: center; } -#description-box .collection-description { - height: 100%; +#description-box .collection-description{ + height: 100%; } -#description-box .collection-description p { - padding-left: 1em; - margin: 0; - width: 50%; +#description-box .collection-description p{ + padding-left: 1em; + margin: 0; + width: 50%; } -#description-box .image { - margin: 0; - text-align: left; - box-shadow: none; +#description-box .image{ + margin: 0; + text-align: left; + box-shadow: none; } -#description-box .image img { - padding: 0; +#description-box .image img{ + padding: 0; +} + +#collection-tree{ + margin: 0 auto; +} + +#collection-tree > ul{ + width: 100%; + padding: 0; +} + +#collection-tree ul li{ + display: flex; + flex-flow: column; + list-style: none; + border-top: 1px solid #ccc; + margin-top: .5em; + padding: 1em; +} + +#collection-tree ul ul{ + flex-basis: 100%; } /* page contenus & collections */ -/* 2e navbar (pagination et tout parcourir/recherche) */ -.items h1 { - margin: 0; +.items h1{ + margin: 0; } -.secondary-nav { - display: flex; - flex-basis: 100%; - margin-left: 1em; +.secondary-nav{ + display: flex; + flex-basis: 100%; + margin-left: 1em; } -.pagination-nav .pagination { - width: auto; - margin: auto; +#sort-links{ + width: 100%; } -#sort-links { - width: 100%; +#sort-links ul{ + margin: 0; + padding: 0; } -#sort-links ul { - margin: 0; - padding: 0; +#content .item.hentry{ + text-align: justify; } -.item.hentry, .collection { - width: 100%; - padding-top: 0.5em; - padding-bottom: 0.5em; +.item.hentry, .collection{ + width: 100%; + padding-top: 0.5em; + padding-bottom: 0.5em; } -.item.hentry .item-meta { - display: flex; +.item.hentry .item-meta{ + display: flex; } -.item.hentry .item-meta .item-img { - float: none; - margin: 0 1rem 0.5em; +.item.hentry .item-meta .item-img{ + float: none; + margin: 0 1rem 0.5em; } -.item.hentry h2 { - padding-left: 0.5em; - margin-bottom: 0.5em; - line-height: normal; +.item.hentry h2{ + padding-left: 0.5em; + margin-bottom: 0.5em; + line-height: normal; } -.item.hentry a, .item-description { - font-size: 0.9em; - text-decoration: none; +.item.hentry a, .item-description{ + font-size: 0.9em; + text-decoration: none; } -.item.hentry a:hover, .collection a:hover { - color: var(--darkMainColor); +.item.hentry a:hover, .collection a:hover{ + color: var(--darkMainColor); } -/* page carte */ -select, textarea, input { - max-width: 100%; +/* solr */ +#content #solr-applied-facets{ + margin: 1.2rem 0; + width: 100%; } -#map-links ul li { - margin-bottom: 0; - line-height: 20px; +#content #solr-applied-facets ul{ + display: flex; + flex-direction: column; + margin: 0; } -/* image de la bulle d'info, pour que cela ne déborde pas */ -.gm-style-iw img { - max-width: 100% !important; - max-height: 150px !important; +#solr-applied-facets ul li a .fas{ + margin-right: 0; + font-size: 16px; } -/*____________________________ #primary _____________________________________*/ -#home #primary { - float: none; - display: flex; - flex-flow: row wrap; - justify-content: center; - align-items: center; - flex: 4; - height: max-content;/*33em*/ - margin: 2em auto 0 0; - padding: 0; +#content #solr-facets, #content #solr-facets h2{ + flex-basis: 30%; + min-width: 17em; + height: max-content; } -/*_________________________ image d'accueil __________________________________ - peut idéalement être remplacée par un carousel !! -*/ -/*caroussel*/ -@keyframes slidy { - 0% {left: 0%;} /*1ère image*/ - 20% {left: 0%;} /*idem pour attente*/ - - 25% {left: -100%;} /*2ème image*/ - 45% {left: -100%;} /*idem pour attente*/ - - 50% {left: -200%;} /*3ème image*/ - 70% {left: -200%;} /*idem pour attente*/ - - 75% {left: -100%;} /*4ème image*/ - 95% {left: -100%;} /*idem pour attente*/ - - 100% {left: 0%;} /*1ère image*/ +#solr-facets strong{ + display: flex; + align-items: center; + text-indent: 1em; + height: auto; + margin-bottom: 10px; + border-bottom: solid 1px var(--mainColor); + background-color: var(--lightbeige); + border-radius: 5px 5px 0 0; } -.slider { - width: 70%; - min-width: 17.5em; - overflow: hidden; - - border-radius: 5px; - box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); +#solr-facets ul{ + padding: 0; + margin-left: 2em; } -.slider div img { - width: calc(100% / 3); - float: left; +#solr-facets ul li{ + display: block; } -.slider div { - position: relative; - width: 300%; - margin: 0; - left: 0; - text-align: left; - font-size: 0; - animation: 30s slidy infinite; +#solr-facets a:hover{ + transform: none; } -/* image d'accueil */ -#primary .imgune { - display: flex; - text-align: center; - align-items: center; - max-width: 100%; - padding-top: 2em; - flex-direction: column; - border-radius: 10px; +#solr-results{ + flex-basis: 50%; + margin: 0 auto; + text-align: center; } -#primary .imgune .titre { - display: flex; - align-items: center; - justify-content: center; - color: white; - width: 100%; - height: 2em; - background-color: rgba(88, 89, 86, .9); - border-radius: 0 0 10px 10px; - transform: translateY(-2em); +#solr-results ul.hl{ + text-align: left; } -#primary .imgune img { - box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); - border-radius: 10px; - width: 100%; +#solr-results h2{ + text-align: left; } -/*permet d'avoir un texte justifié dans les rubriques telles que -contactez-nous, à propos, crédits, mentions légales et poilitiques de conf*/ -#primary p { - text-align: justify; +#solr-facets h3{ + cursor: pointer; + width: 100%; + color: black; + background-color: lightgray; } -/* collections accueil */ -#collections { - display: flex; - flex-flow: row wrap; - flex-basis: 95%; - margin: 2em auto; +#solr-facets, #solr-results .result{ + padding: 1em; + background-color: white; + box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); } -#primary #collections h2 { - width: 80%; - margin: 1em auto; - text-align: center; - font-variant: small-caps; - font-weight: normal; - border-bottom: 1px solid var(--mainColor); +#solr-facets div .more{ + color: black; + width: max-content; + text-indent: 1em; + cursor: pointer; + margin-bottom: 0.5em; } -#collections a { - display: flex; - justify-content: center; - align-items: center; - flex-basis: 24%; - min-width: 10em; - height: 160px; - margin: 0.6em auto; - background-size: cover; - background-repeat: no-repeat; - text-align: center; - border-radius: 5px; - box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); +#solr-facets div .more:hover{ + color: orange; } -/* mettre une couleur de fond pour le texte */ -#collections a div { - padding: 5px; - font-size: 1.15em; - word-break: keep-all; - background-color: var(--mainColor); - color: white; - width: 100%; +#solr-results .result .hl li em{ + font-weight: bold; } -/*____________________________________________________________________________*/ -/* Collection, exposition, contenu mise en avant (avec titre,image et texte) */ - -#home #content #secondary #featured-collection, -#home #content #secondary #featured-exhibit, -#home #content #secondary #featured-item, -#home #content #secondary #recent-items { - float: none; - display: flex; - flex-flow: row wrap; - align-items: center; - justify-content: center; - text-align: center; - margin: 1em 0; - min-width: 19em; - max-width: 100%; - flex: 1; - width: 100%; - height: 100%; - background-color: transparent; - padding: 0; +#solr-results .gallery{ + display: flex; + flex-direction: row; + justify-content: center; + flex-wrap: wrap; } -#home #content #secondary #featured-collection .collection.record, -#home #content #secondary #featured-exhibit .exhibit.record, -#home #secondary #featured-item .item.record, -#home #secondary #recent-items .item.record { - display: flex; - flex-direction: column; - flex-wrap: nowrap; - align-items: center; - text-align: center; - margin: 1em auto; - padding: 1em; - min-width: 17.5em; - min-height: 20em; - width: 17.5em; - background-color: white; - border-radius: 5px; - box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); +#solr-results .gallery img{ + margin: 0.5rem; + border-radius: 5px; + box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.5); + max-width: 6rem; + max-height: 6rem; } -#home #content #secondary #featured-collection .collection.record p, -#home #content #secondary #featured-exhibit .exhibit.record p, -#home #secondary #featured-item .item.record p, -#home #secondary #recent-items .item.record p { - margin: 1.5em; - font-size: 0.9em; - text-align: justify; +#solr-facets .Creator ul li > a:first-of-type{ + margin-right: 5px; } -#home #content #secondary #featured-collection h2, -#home #content #secondary #featured-exhibit h2, -#home #secondary #featured-item h2, -#home #secondary #recent-items h2 { - font-variant: small-caps; - font-weight: normal; - margin-top: 0; - width: 80%; - border-bottom: 1px solid var(--mainColor); +#previous-item, #next-item{ + display: flex; + align-items: center; + justify-content: center; } -#home #content #secondary #featured-collection h3, -#home #content #secondary #featured-exhibit h3, -#home #content #secondary #featured-item h3, -#home #content #secondary #recent-items h3 { - align-self: stretch; - margin-bottom: 2em; - text-align: center; - font-size: 1em; +/* footer */ +footer{ + padding: 0; + border-top: none; + background-color: var(--lightbeige); } -#home #content #secondary #featured-collection h3:hover, -#home #content #secondary #featured-exhibit h3:hover, -#home #content #secondary #featured-item h3:hover, -#home #content #secondary #recent-items h3:hover { - transform: scale(1.02); - text-decoration: underline; +#footer-text{ + display: flex; + flex-flow: row wrap; + align-items: center; } - -#home #content #secondary #featured-collection h3 a, -#home #content #secondary #featured-exhibit h3 a, -#home #content #secondary #featured-item h3 a, -#home #content #secondary #recent-items h3 a { - font-weight: normal; - text-decoration: none; +body footer #footer-text *{ + padding-top: 0; } -#home #content #secondary #featured-collection .image, -#home #content #secondary #featured-exhibit .image, -#home #content #secondary #featured-item .image, -#home #content #secondary #recent-items .image { - text-align: center; - margin: 0; - width: 80%; - height: auto; - box-shadow: none; +#footer-text div, #footer-text p:first-of-type{ + padding: 1em; } -#home #content #secondary #featured-collection img, -#home #content #secondary #featured-exhibit img, -#home #content #secondary #featured-item img, -#home #content #secondary #recent-items img { - width: 80%; - height: auto; - border-radius: 5px; - box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); +#footer-text .logos{ + display: flex; + flex-basis: 60%; + flex-flow: row wrap; + justify-content: center; } -#recent-items .view-items-link { - min-width: 17.5em; - margin: 1em auto; +#footer-text .logos span{ + display: flex; } -#content .exhibit.even { - padding: 1em; +#footer-text .logos img{ + margin: 1.5em; + max-height: 80px; } -#content .exhibit.even .description p { - text-align: justify; +#footer-text .links{ + display: flex; + flex: 1; + flex-flow: column wrap; + align-content: center; + border-right: 1px dotted #ccc; + border-left: 1px dotted #ccc; + border-width: 0.2em; + padding: 1em; + line-height: normal; } -/*____________________________ #secondary _____________________________________*/ -#home #secondary { - float: none; - display: flex; - flex-flow: row wrap; - flex: 3; - width: 20%; - justify-content: center; - margin-top: 2em; - padding: 0; +#footer-text .logos a{ + margin: auto; } -/*____________ solr ___________*/ -#content #solr-facets, #content #solr-facets h2 { - flex-basis: 30%; - min-width: 17em; - height: max-content; +#footer-text .links a{ + font-size: 13px; + font-weight: bold; + color: var(--darkgray); } -#content nav { - width: 100%; - height: 100%; +#footer-text .links a:hover{ + color: orange; } -/* titres des facettes */ -#solr-facets strong { - display: flex; - align-items: center; - text-indent: 1em; - height: auto; - margin-bottom: 10px; - border-bottom: solid 1px var(--mainColor); - background-color: var(--lightbeige); - border-radius: 5px 5px 0 0; +#footer-text .license{ + display: flex; + align-items: center; + text-align: justify; + width: 30%; + font-size: 0.8em; + margin: 0; + padding-bottom: 0; } -#solr-facets ul { - padding: 0; - margin-left: 2em; +#footer-text .license img{ + margin-right: 1em; } -#solr-facets ul li { - display: block; +#footer-text .license p{ + width: 100%; } -#solr-facets a:hover { - transform: none; +/* cookies */ +#cookies{ + z-index: 7; + position: fixed; + bottom: 0; + display: flex; + width: 100%; + background-color: lightgray; + align-items: center; + text-align: center; } -#solr-results { - flex-basis: 50%; - margin: 0 auto; - text-align: center; +#cookies button, #cookies a{ + width: auto; + margin-right: 10px; + border-radius: 10px; + background-color: var(--mainColor); + color: white; + text-decoration: none; } -#solr-results ul.hl { - text-align: left; - margin-bottom: 1rem; +#cookies button{ + font-family: 'Questrial', sans-serif; } -#solr-results h2 { - text-align: left; +#cookies a{ + padding: 5px; } -#solr-facets h3 { - cursor: pointer; - width: 100%; - color: black; - background-color: lightgray; +#cookies p{ + font-size: small; + flex-basis: 80%; + color: black; + margin: 0; } -#solr-facets, -#solr-results .result { - padding: 1em; - background-color: white; - box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); -} +@media screen and (max-width: 1585px){ + header{ + z-index: 1003; + } -#solr-facets div .more { - color: black; - width: max-content; - text-indent: 1em; - cursor: pointer; - margin-bottom: 0.5em; -} + header .shareMenu{ + top: 40px; + right: 10px; + } -#solr-facets div .more:hover { - color: orange; -} + #primary-nav ul.navigation{ + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + width: 100%; + border-bottom: 1px solid #ccc; + } -#solr-results .result .hl li em { - font-weight: bold; -} + #primary-nav ul.navigation > li{ + padding: 0; + width: auto; + background-color: transparent; + } -#solr-results .gallery { - display: flex; - flex-direction: row; - justify-content: center; - flex-wrap: wrap; -} + #primary-nav ul.navigation > li.active a{ + color: orange; + } -#solr-results .gallery img { - margin: 0.5rem; - border-radius: 5px; - box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.5); - max-width: 6rem; - max-height: 6rem; -} + #primary-nav ul.navigation > li a{ + color: black; + font-weight: bold; + width: auto; + } -#content .pagination-nav { - margin: 0 auto; -} + #primary-nav ul.navigation > li a:hover{ + color: orange; + } -#content .pagination-nav .pagination { - margin-left: 20em; -} + #primary .imgune{ + min-width: 32em; + } -#content #solr-applied-facets { - width: 100%; -} + #footer-text{ + flex-flow: column; + } -#content #solr-applied-facets ul { - display: flex; - flex-direction: column; -} + #footer-text .logos{ + flex-basis: 100%; + } -#solr-facets .Creator ul li > a:first-of-type { - margin-right: 5px; -} + #footer-text .links{ + flex-flow: row wrap; + justify-content: center; + width: 100%; + text-align: center; + border-left: none; + border-right: none; + border-top: 1px dotted lightgray; + border-top-width: 0.2em; + border-bottom: 1px dotted lightgray; + border-bottom-width: 0.2em; + } -#previous-item, #next-item { - display: flex; - align-items: center; - justify-content: center; -} + #footer-text .links a{ + margin: 1em; + min-width: 5em; + } -/* ____________________________________________________________________________ - FOOTER - ____________________________________________________________________________ -*/ -footer { - padding: 0; - border-top: none; - background-color: var(--lightbeige); -} + #footer-text .license{ + width: 95%; + } -#footer-text { - display: flex; - flex-flow: row wrap; - align-items: center; + #description-box .collection-description p{ + width: 100%; + } } -body footer #footer-text * { - padding-top: 0; -} +@media screen and (max-width: 1024px){ + #content #search-narrow-by-fields .inputs .search-entry, #search_block #search #search-narrow-by-fields .inputs .search-entry{ + flex-direction: column; + } -/* padding des 3 parties */ -#footer-text div, #footer-text p:first-of-type { - padding: 1em; -} + #content #advanced-search-form #search-narrow-by-fields .inputs .search-entry select, #content #advanced-search-form #search-narrow-by-fields .inputs .search-entry .advanced-search-terms, #search_block #search-narrow-by-fields .inputs .search-entry select, #search-narrow-by-fields .advanced-search-terms{ + width: 100%; + margin-bottom: 1.5em; + } -/* logos */ -#footer-text .footer-logos { - display: flex; - flex-basis: 60%; - flex-flow: row wrap; - justify-content: center; -} + #content #advanced-search-form #search-narrow-by-fields .inputs .search-entry select.advanced-search-joiner, #search_block #search-narrow-by-fields .inputs .search-entry select.advanced-search-joiner { + width: 10%; + } -#footer-text .footer-logos span { - display: flex; - /* flex: 1;*/ + #advanced-search-form #search-narrow-by-fields .search-entry:first-child .advanced-search-joiner, #search #search-narrow-by-fields .search-entry:first-child .advanced-search-joiner{ + display: none; + } } -/* dimensions des logos */ -#footer-text .footer-logos img { - margin: 1.5em; - max-height: 80px; -} - -/* liens */ -#footer-text .links { - display: flex; - flex: 1; - flex-flow: column wrap; - align-content: center; - border-right: 1px dotted #ccc; - border-left: 1px dotted #ccc; - border-width: 0.2em; - padding: 1em; - line-height: normal; -} - -#footer-text .footer-logos a { - margin: auto; -} - -/* mise en former des liens */ -#footer-text .links a { - font-size: 13px; - font-weight: bold; - color: var(--darkgray)333; /*var(--mainColor)*/ -} - -#footer-text .links a:hover { - transform: scale(1.02); - color: orange; -} - -#footer-text .license { - display: flex; - align-items: center; - text-align: justify; - width: 30%; - font-size: 0.8em; - margin: 0; - padding-bottom: 0; -} - -#footer-text .license img { - margin-right: 1em; -} - -#footer-text .license p { - width: 100%; -} - -/* Fièrement propulsé par Omeka, il y a un float left qui le place de base */ -#footer-text > p:last-child { - display: none; -} - -/* ____________________________________________________________________________ - COOKIES - ____________________________________________________________________________ -*/ -/* mettre une couleur de fond */ -#cookies { - z-index: 7; - position: fixed; - bottom: 0; - display: flex; - width: 100%; - background-color: lightgray; - align-items: center; - text-align: center; -} - -/* mettre une couleur pour le fond et la police des boutons */ -#cookies button, #cookies a { - width: auto; - margin-right: 10px; - border-radius: 10px; - background-color: var(--mainColor); - color: white; - text-decoration: none; -} - -/* mettre la police du site */ -#cookies button { - font-family: 'Questrial', sans-serif; -} - -#cookies a { - padding: 5px; -} - -#cookies p { - font-size: small; - flex-basis: 80%; - color: black; - margin: 0; -} - -/* ____________________________________________________________________________ - RESPONSIVE - ____________________________________________________________________________ -*/ -@media screen { - #primary-nav ul.navigation > li a { - border: none; - display: block; - padding: 0.75em 1em; - } - - .collections.browse #content { - width: 80%; - margin: 0 auto; - float: none; - } - - .items.browse #content, - .items.tags #content, - #scripto-index { - width: 80%; - margin: 0 auto; - float: none; - } - - .map.browse #content #search_block, - .map.browse #content #search_block #search { - width: 90%; - } -} - -@media screen and (min-width: 1360px) { - header .shareMenu { - right: auto; - left: auto; - } -} +@media screen and (min-width: 768px){ + #search-narrow-by-fields .inputs .remove_search::after{ + content: "\f00d"; + font-family: "FontAwesome"; + text-indent: 0; + text-align: center; + width: 100%; + top: 0; + left: 0; + position: absolute; + line-height: 30px; + } -@media screen and (min-width: 550px)and (max-width: 1585px) { - header .header-icons { - position: absolute; - right: 1em; - top: 0.25em; - } + #search .field .remove_search{ + text-indent: -9999px; + margin-top: 0; + width: 1.875em; + float: right; + clear: none; + } } -/*____________________________________________________________________________*/ -@media screen and (max-width: 1585px) { - header { - flex-direction: column; - z-index: 1003; - } +@media screen and (max-width: 768px){ + header{ + background-color: white; + top: 0; + z-index: 1003; + border-bottom: 1px solid lightgray; + flex-wrap: wrap; + } - header #site-title { - display: flex; - justify-content: center; - margin: 0 auto; - } + header #site-title{ + order:1; + } - header #search-container { - width: 60%; - margin: 0 auto 0.5em auto; - } + #site-title a img{ + min-width: 180px; + padding: 0.5rem; + max-height: 70px; + } - header .header-icons { - justify-content: center; - margin: 0.3em 0; - } + header .header-icons{ + order:2; + margin: 0.5rem; + } - header .shareMenu { - top: 40px; - right: 10px; - } + header #search-container{ + order: 3; + flex-basis: 50%; + } - #primary-nav ul.navigation { - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - width: 100%; - border-bottom: 1px solid #ccc; - } + header .shareMenu{ + right: 10px; + } - #primary-nav ul.navigation > li { - padding: 0; - width: auto; - background-color: transparent; - } + #bandeauTitre h1{ + font-size: 1.5em; + } - #primary-nav ul.navigation > li.active a { - color: orange; - } + body #primary-nav .navigation{ + display: none; + width: 100%; + text-align: center; + background-color: var(--lightbeige); + } - #primary-nav ul.navigation > li a { - color: black; - font-weight: bold; - width: auto; - } + body #primary-nav .navigation li{ + background-color: transparent; + } + + body #primary-nav .navigation.nav-menu > a:first-of-type, body #primary-nav .navigation.nav-menu > li:first-of-type{ + display: none; + } - #primary-nav ul.navigation > li a:hover { - color: orange; - } + body #primary-nav .navigation > a:first-of-type,b ody #primary-nav .navigation > li:first-of-type{ + display: none; + } - /*___________________________*/ - #primary .imgune { - min-width: 32em; - } + #primary-nav ul.navigation.nav-menu a.nav-item{ + display: none; + margin: 0 auto; + padding: 0.75em 1em; + } - /*___________________________*/ - #footer-text { - flex-flow: column; - } + #primary-nav ul.navigation > li a:hover, #primary-nav ul.navigation > li.active a{ + color: orange; + background-color: transparent; + } - #footer-text .logos { - flex-basis: 100%; - } + #primary-nav ul.navigation.nav-menu > li:not(:last-child) a{ + border-bottom: 1px dotted lightgray; + border-bottom-width: 0.2em; + display: block; + } - #footer-text .links { - flex-flow: row wrap; - justify-content: center; - width: 100%; - text-align: center; - border-left: none; - border-right: none; - border-top: 1px dotted lightgray; - border-top-width: 0.2em; - border-bottom: 1px dotted lightgray; - border-bottom-width: 0.2em; - } + #primary-nav ul.navigation.nav-menu{ + display: none; + } - #footer-text .links a { - margin: 1em; - min-width: 5em; - } + #content, #credits #content, #mentions-legales #content, #politique-confidentialite #content, .collections.show #content .collections.browse #content, .items.browse #content, .items.tags #content, #scripto-index{ + padding: 0.5rem; + width: 100%; + } - #footer-text .links a:hover { - transform: scale(1.05); - } + #home #content{ + justify-content: center; + padding-top: 1em; + width: 100%; + } - #footer-text .license { - width: 95%; - } + #wrap #content #primary, #wrap #content #secondary{ + margin: 0; + height: auto; + } - #description-box .collection-description p { - width: 100%; - } -} + #primary .imgune{ + min-height: 17.5em; + } -@media screen and (max-width: 1024px) { + #home #content #secondary{ + border-left: none; + flex-flow: row wrap; + } - #content #search-narrow-by-fields .inputs .search-entry, - #search_block #search #search-narrow-by-fields .inputs .search-entry { - flex-direction: column; - } + #home #secondary, #home #secondary #featured-item{ + justify-content: center; + width: 100%; + margin: 2em 0; + padding: 0; + } - #content #advanced-search-form #search-narrow-by-fields .inputs .search-entry select, - #content #advanced-search-form #search-narrow-by-fields .inputs .search-entry .advanced-search-terms, - #search_block #search-narrow-by-fields .inputs .search-entry select, - #search-narrow-by-fields .advanced-search-terms { - width: 100%; - } + #home #secondary #featured-item .item.record{ + width: 82%; + } - #content #advanced-search-form #search-narrow-by-fields .inputs .search-entry .advanced-search-joiner { - width: 10%; - } -} + #home #secondary #featured-item .item.record img{ + width: 70%; + } -/*____________________________________________________________________________*/ -@media screen and (max-width: 768px) { - header { - background-color: white; - top: 0; - z-index: 1003; - } + #content #solr-facets, #content #solr-facets h2, #content #solr-results{ + min-width: 100%; + } - #content { - padding: 0; - } + .item.show #wrap #content{ + flex-basis: 100%; + } - .item.show #wrap #content { - flex-basis: 100%; - padding: 1em; - } + .item.show #wrap #rightDiv{ + flex-basis: 100%; + } - .item.show #wrap #rightDiv { - flex-basis: 100%; - } + #advanced-search-form{ + width: 100%; + padding: 0; + } - #advanced-search-form { - width: 100%; - padding: 0; - } + .items.advanced-search #wrap{ + min-width: 95vw; + } - .items.advanced-search #wrap { - min-width: 95vw; - } + .items.advanced-search #wrap, .items.advanced-search #content{ + padding: 0; + } - .items.advanced-search #wrap, - .items.advanced-search #content { - width: 100%; - padding: 0; - } + .items.advanced-search #content #advanced-search-form{ + padding: 1em; + } - .items.advanced-search #content #advanced-search-form { - padding: 1em; - } - - .collections.show #content { - width: 100%; - } - - .collections h2 { - text-align: left; - } - - .items-nav.navigation.secondary-nav { - border-bottom: 1px solid lightgray; - margin-bottom: 2em; - margin-left: 0; - } - - .items-nav.navigation.secondary-nav ul { - margin: 0 0 -1px 0; - } - - .items-nav.navigation.secondary-nav li { - border: 1px solid lightgray; - padding: 0 5px; - } + /* carte */ + #search_block{ + width: 100%; flex-basis: 100%; + } - .items-nav.navigation.secondary-nav .active { - border-bottom-color: white; - } + #advanced-search-form .field .remove_search{ + margin: 0; + } - /* cookies */ - #cookies { - flex-flow: row wrap; - align-items: center; - } + .collections h2{ + text-align: left; + } - #cookies p { - flex-basis: 100%; - } + .items-nav.navigation.secondary-nav{ + border-bottom: 1px solid lightgray; + margin-bottom: 2em; + margin-left: 0; + } - #cookies button { - margin-left: auto; - } + .items-nav.navigation.secondary-nav ul{ + margin: 0 0 -1px 0; + } - #cookies a { - margin-right: auto; - } -} + .items-nav.navigation.secondary-nav li{ + border: 1px solid lightgray; + padding: 0 5px; + } -@media screen and (max-width: 1400px) { - #advanced-search-form { - column-count: 1 !important; - } + .items-nav.navigation.secondary-nav .active{ + border-bottom-color: white; + } - #content #advanced-search-form > div { - height: auto; - display: block; - } -} + /* cookies */ + #cookies{ + flex-flow: row wrap; + align-items: center; + } -/*____________________________________________________________________________*/ -@media screen and (max-width: 1300px) { - #bandeauTitre { - height: auto; - } + #cookies p{ + flex-basis: 100%; + } - #content .collection .image { - margin: 0.5em auto; - box-shadow: none; - } + #cookies button{ + margin-left: auto; + } - .items.browse #content, - .items.tags #content, - .collections.browse #content, - .map.browse #content { - width: 100%; - margin: 0 auto; - padding: 0; - float: none; - } + #cookies a{ + margin-right: auto; + } } -/*____________________________ Max 767 px ____________________________________*/ -@media screen and (max-width: 767px) { - header{ - border-bottom: 1px solid lightgray; - } +@media screen and (max-width:549px){ + #primary .imgune{ + min-width: 13em; + } - header .shareMenu { - right: 10px; - } + header{ + position: sticky; + } - header #search-container { - width: 100%; - margin: 0 auto 0.5em auto; - } + #bandeauTitre{ + display: none; + } - /*___________________________*/ - #home #wrap #content #primary { - height: auto; - } - - #primary .imgune { - min-height: 17.5em; - } - - #home #content #secondary { - border-left: none; - } - - /*___________________________*/ - body #primary-nav .navigation { - display: none; - width: 100%; - text-align: center; - background-color: var(--lightbeige); - } - - body #primary-nav .navigation li { - background-color: transparent; - } - - /*cache la maison et l'accueil dans le menu lors de la navigation telephone - ici .navigation.nav-menu et .navigation car le selecteur change selon si l'on - est sur l'accueil ou pas*/ - body #primary-nav .navigation.nav-menu > a:first-of-type, - body #primary-nav .navigation.nav-menu > li:first-of-type { - display: none; - } - - body #primary-nav .navigation > a:first-of-type, - body #primary-nav .navigation > li:first-of-type { - display: none; - } - - #primary-nav ul.navigation.nav-menu a.nav-item { - display: none; - margin: 0 auto; - } - - #primary-nav ul.navigation > li a:hover, - #primary-nav ul.navigation > li.active a { - color: orange; - background-color: transparent; - } - - #primary-nav ul.navigation > li:not(:last-child) a { - border-bottom: 1px dotted lightgray; - border-bottom-width: 0.2em; - display: block; - padding: 0.75em 1em; - } - - /*___________________________*/ - #home #content { - justify-content: center; - } - - #wrap #content #primary, #wrap #content #secondary { - margin: 0; - } - - #primary-nav ul.navigation.nav-menu { - display: none; - } - - #home #secondary { - flex-flow: row wrap; - } - - #home #secondary, #home #secondary #featured-item { - justify-content: center; - width: 100%; - margin: 2em 0; - padding: 0; - } - - #home #secondary #featured-item .item.record { - width: 82%; - } - - #home #secondary #featured-item .item.record img { - width: 70%; - } - - #content #solr-facets, #content #solr-facets h2, - #content #solr-results { - min-width: 100%; - } -} - -/*____________________________________________________________________________*/ -@media screen and (max-width:549px) { - #primary .imgune { - min-width: 13em; - } - - header { - position: sticky; - } - - header .shareMenu { - top: 178px; - right: auto; - left: auto; - } + #search-container input#query{ + width: 100%; + } } -/*____________________________________________________________________________*/ -@media screen and (max-width:464px) { - #footer-text .license { - flex-direction: column; - } +@media screen and (max-width:480px){ + #footer-text .license{ + flex-direction: column; + padding-top: 1em; + } - #footer-text .license .license-logo a img { - min-width: 9em; - } - - #footer-text .license { - padding-top: 1em; - } -} + #footer-text .license .license-logo a img{ + min-width: 9em; + } +} \ No newline at end of file diff --git a/themes/default/geolocation/ajax-loader.gif b/themes/default/geolocation/ajax-loader.gif new file mode 100644 index 0000000..3288d10 --- /dev/null +++ b/themes/default/geolocation/ajax-loader.gif Binary files differ diff --git a/themes/default/geolocation/javascripts/map.js b/themes/default/geolocation/javascripts/map.js deleted file mode 100644 index a6bf65b..0000000 --- a/themes/default/geolocation/javascripts/map.js +++ /dev/null @@ -1,415 +0,0 @@ -function OmekaMap(mapDivId, center, options) { - this.mapDivId = mapDivId; - this.center = center; - this.options = options; -} - -OmekaMap.prototype = { - - map: null, - mapDivId: null, - markers: [], - options: {}, - center: null, - markerBounds: null, - infoWindow: null, - - addMarker: function (lat, lng, options, bindHtml) - { - if (!options) { - options = {}; - } - options.position = new google.maps.LatLng(lat, lng); - options.map = this.map; - options.icon = { - url : "/custom/themes/default/logos_img/icones/mapPins/orange-map-pin.svg.hi.png", - /*modification ne pas utiliser le pointeur orange-map-pin.svg.hi_2.png car pixelise*/ - // size: new google.maps.Size(50, 50), - origin: new google.maps.Point(0, 0), - // anchor: new google.maps.Point(25, 25), - scaledSize: new google.maps.Size(15, 25) - } - - var marker = new google.maps.Marker(options); - - if (bindHtml) { - var that = this; - google.maps.event.addListener(marker, 'click', function () { - // Prevent multiple windows from being open at once. - that.infoWindow.setContent(bindHtml); - that.infoWindow.open(this.map, marker); - }); - } - - this.markers.push(marker); - this.markerBounds.extend(options.position); - return marker; - }, - - fitMarkers: function () { - if (this.markers.length == 1) { - this.map.setCenter(this.markers[0].getPosition()); - } else { - this.map.fitBounds(this.markerBounds); - } - }, - - initMap: function () { - if (!this.center) { - alert('Error: The center of the map has not been set!'); - return; - } - - // Build the map. - var mapOptions = { - zoom: this.center.zoomLevel, - center: new google.maps.LatLng(this.center.latitude, this.center.longitude), - }; - - switch (this.options.mapType) { - case 'hybrid': - mapOptions.mapTypeId = google.maps.MapTypeId.HYBRID; - break; - case 'satellite': - mapOptions.mapTypeId = google.maps.MapTypeId.SATELLITE; - break; - case 'terrain': - mapOptions.mapTypeId = google.maps.MapTypeId.TERRAIN; - break; - case 'roadmap': - default: - mapOptions.mapTypeId = google.maps.MapTypeId.ROADMAP; - } - - jQuery.extend(mapOptions, this.options.mapOptions); - - this.map = new google.maps.Map(document.getElementById(this.mapDivId), mapOptions); - this.markerBounds = new google.maps.LatLngBounds(); - this.infoWindow = new google.maps.InfoWindow(); - - // Show the center marker if we have that enabled. - if (this.center.show) { - this.addMarker(this.center.latitude, - this.center.longitude, - {title: "(" + this.center.latitude + ',' + this.center.longitude + ")"}, - this.center.markerHtml); - } - } -}; - -function OmekaMapBrowse(mapDivId, center, options) { - var omekaMap = new OmekaMap(mapDivId, center, options); - jQuery.extend(true, this, omekaMap); - this.initMap(); - - //XML loads asynchronously, so need to call for further config only after it has executed - this.loadKmlIntoMap(this.options.uri, this.options.params); -} - -OmekaMapBrowse.prototype = { - - afterLoadItems: function () { - if (this.options.fitMarkers) { - this.fitMarkers(); - } - - if (!this.options.list) { - return; - } - var listDiv = jQuery('#' + this.options.list); - - if (!listDiv.size()) { - alert('Error: You have no map links div!'); - } else { - //Create HTML links for each of the markers - this.buildListLinks(listDiv); - } - }, - - /* Need to parse KML manually b/c Google Maps API cannot access the KML - behind the admin interface */ - loadKmlIntoMap: function (kmlUrl, params) { - var that = this; - jQuery.ajax({ - type: 'GET', - dataType: 'xml', - url: kmlUrl, - data: params, - success: function(data) { - var xml = jQuery(data); - - /* KML can be parsed as: - kml - root element - Placemark - namewithlink - description - Point - longitude,latitude - */ - var placeMarks = xml.find('Placemark'); - - // If we have some placemarks, load them - if (placeMarks.size()) { - // Retrieve the balloon styling from the KML file - that.browseBalloon = that.getBalloonStyling(xml); - - // Build the markers from the placemarks - jQuery.each(placeMarks, function (index, placeMark) { - placeMark = jQuery(placeMark); - that.buildMarkerFromPlacemark(placeMark); - }); - - // We have successfully loaded some map points, so continue setting up the map object - return that.afterLoadItems(); - } else { - // @todo Elaborate with an error message - return false; - } - } - }); - }, - - getBalloonStyling: function (xml) { - return xml.find('BalloonStyle text').text(); - }, - - // Build a marker given the KML XML Placemark data - // I wish we could use the KML file directly, but it's behind the admin interface so no go - buildMarkerFromPlacemark: function (placeMark) { - // Get the info for each location on the map - var title = placeMark.find('name').text(); - var titleWithLink = placeMark.find('namewithlink').text(); - var body = placeMark.find('description').text(); - var snippet = placeMark.find('Snippet').text(); - - // Extract the lat/long from the KML-formatted data - var coordinates = placeMark.find('Point coordinates').text().split(','); - var longitude = coordinates[0]; - var latitude = coordinates[1]; - - // Use the KML formatting (do some string sub magic) - var balloon = this.browseBalloon; - balloon = balloon.replace('$[namewithlink]', titleWithLink).replace('$[description]', body).replace('$[Snippet]', snippet); - - // Build a marker, add HTML for it - this.addMarker(latitude, longitude, {title: title}, balloon); - }, - - // Calculate the zoom level given the 'range' value - // Not currently used by this class, but possibly useful - // http://throwless.wordpress.com/2008/02/23/gmap-geocoding-zoom-level-and-accuracy/ - calculateZoom: function (range, width, height) { - var zoom = 18 - Math.log(3.3 * range / Math.sqrt(width * width + height * height)) / Math.log(2); - return zoom; - }, - - buildListLinks: function (container) { - var that = this; - var list = jQuery('
" + text + "
"); + } + else{ + element.after("" + text + "