geopf-extensions-openlayers/src/packages/CSS/Controls/ElevationPath/DSFRelevationPathStyle.css

French Geoportal Extensions for OpenLayers libraries

.gpf-btn-icon-elevation::after {
  -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIKICAgICAgICBkPSJNNSAzdjE2aDE2djJIM1Yzem0xNS4yOTMgMy4yOTNsMS40MTQgMS40MTRMMTYgMTMuNDE0bC0zLTIuOTk5bC00LjI5MyA0LjI5MmwtMS40MTQtMS40MTRMMTMgNy41ODZsMyAyLjk5OXoiIC8+Cjwvc3ZnPg==') center no-repeat;
  mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIKICAgICAgICBkPSJNNSAzdjE2aDE2djJIM1Yzem0xNS4yOTMgMy4yOTNsMS40MTQgMS40MTRMMTYgMTMuNDE0bC0zLTIuOTk5bC00LjI5MyA0LjI5MmwtMS40MTQtMS40MTRMMTMgNy41ODZsMyAyLjk5OXoiIC8+Cjwvc3ZnPg==') center no-repeat;
}

[id^=GPelevationPathPanelInfo] {
  position: absolute;
  float: left;
  top: 0;
  left: 0;
}

/* surcharge de fr-panel pour permettre la saisie sous la fenêtre de résultat */
[id^=GPelevationPathPanel] {
  height: unset;
}

[id^=GPelevationPathPanelInfo]::after {
  -webkit-mask: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iNS4yOTE2NjY1bW0iCiAgIGhlaWdodD0iNS4yOTE2NjdtbSIKICAgdmlld0JveD0iMCAwIDUuMjkxNjY2NSA1LjI5MTY2NyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMSIKICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4zICgxOjEuMysyMDIzMDcyMzE0NTkrMGUxNTBlZDZjNCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9IkdQaW5mby5zdmciCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXcxIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6c2hvd3BhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIgogICAgIGlua3NjYXBlOmRlc2tjb2xvcj0iI2QxZDFkMSIKICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0ibW0iCiAgICAgaW5rc2NhcGU6ZXhwb3J0LWJnY29sb3I9IiNmZmZmZmYwMCIKICAgICBpbmtzY2FwZTp6b29tPSI0LjA1NTM2OTYiCiAgICAgaW5rc2NhcGU6Y3g9IjM0My43NDE3OSIKICAgICBpbmtzY2FwZTpjeT0iMTU0LjExNjY1IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTI2MCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI3NTAiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjQwNDAiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjExMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIwIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIgLz48ZGVmcwogICAgIGlkPSJkZWZzMSIgLz48ZwogICAgIGlua3NjYXBlOmxhYmVsPSJDYWxxdWUgMSIKICAgICBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIgogICAgIGlkPSJsYXllcjEiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMS44MjUsLTQwLjAyMDgzOSkiPjxnCiAgICAgICBpZD0iZzEiPjxnCiAgICAgICAgIGlkPSJnNiIKICAgICAgICAgc3R5bGU9InN0cm9rZTojMDAwMTkxO3N0cm9rZS1vcGFjaXR5OjEiPjxjaXJjbGUKICAgICAgICAgICBjeD0iMTA0LjQ3MDgzIgogICAgICAgICAgIGN5PSI0Mi42NjY2NzIiCiAgICAgICAgICAgcj0iMi40NDczOTU4IgogICAgICAgICAgIGZpbGw9IiNmZmZmZmYiCiAgICAgICAgICAgZmlsbC1vcGFjaXR5PSIwLjQiCiAgICAgICAgICAgc3Ryb2tlPSIjZmZmZmZmIgogICAgICAgICAgIHN0cm9rZS13aWR0aD0iMC4zOTY4NzUiCiAgICAgICAgICAgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIgogICAgICAgICAgIGlkPSJjaXJjbGUxMjEiCiAgICAgICAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzAwMDE5MTtzdHJva2Utb3BhY2l0eToxIiAvPjwvZz48cGF0aAogICAgICAgICBkPSJtIDEwNC45NzY0LDQzLjk4OTA2MSBoIC0xLjAzNDEyIHYgLTAuMTc1MTU0IGggMC4wNTUxIGMgMC4wNzM5LDAgMC4xMjcxNiwtMC4wMTAzMiAwLjE2MTA1LC0wLjAzMDE2IDAuMDMzMywtMC4wMjA2NCAwLjA1NDUsLTAuMDQ4OTUgMC4wNjE4LC0wLjA4NTk5IDAuMDA4LC0wLjAzNzA0IDAuMDExNSwtMC4wOTA3NSAwLjAxMTUsLTAuMTYxNjYxIFYgNDIuOTcwNjggYyAwLC0wLjA3ODg1IC0wLjAwNSwtMC4xMzQ0MDggLTAuMDE0NSwtMC4xNjc3NDYgLTAuMDEsLTAuMDMyODEgLTAuMDM0NSwtMC4wNTY4OSAtMC4wNzQ1LC0wLjA3Mjc2IC0wLjAzOTksLTAuMDE1MDggLTAuMTA3MTYsLTAuMDIzNTUgLTAuMjAxLC0wLjAyNDg3IHYgLTAuMTc0ODkgbCAwLjc4MTAyLC0wLjE2NDA0MSB2IDEuMTY5NzIyIGMgMCwwLjEwNjYyOCAwLjAxMzMsMC4xNzk5MTcgMC4wNCwwLjIxOTA3NSAwLjAyNjYsMC4wMzk0MiAwLjA5ODEsMC4wNTk1MyAwLjIxMzEyLDAuMDU5NTMgdiAwLjE3NDg4OSB6IG0gLTAuMjE0OTUsLTIuMzY4MDIxIGMgMCwwLjA3NjIgLTAuMDI3MiwwLjE0MTAyMyAtMC4wODExLDAuMTk1NTI3IC0wLjA1MzksMC4wNTM5OCAtMC4xMTkyNywwLjA4MTIzIC0wLjE5NDk3LDAuMDgxMjMgLTAuMDc1NywwIC0wLjEzOTg2LC0wLjAyNzc4IC0wLjE5NDk1LC0wLjA4MzA4IC0wLjA1NTEsLTAuMDU1MDMgLTAuMDgyOSwtMC4xMTk4NTYgLTAuMDgyOSwtMC4xOTMxNDYgMCwtMC4wNzMyOSAwLjAyNzIsLTAuMTQxNTUyIDAuMDgxNywtMC4xOTYwNTYgMC4wNTQ1LC0wLjA1NDUgMC4xMTk4OCwtMC4wODE3NiAwLjE5NjE2LC0wLjA4MTc2IDAuMDc2MywwIDAuMTQyOSwwLjAyNjcyIDAuMTk2MTYsMC4wNzk5IDAuMDUzMywwLjA1MzE4IDAuMDc5OSwwLjExOTMyNyAwLjA3OTksMC4xOTc5MDggeiIKICAgICAgICAgZmlsbD0iIzAwMDA5MSIKICAgICAgICAgaWQ9InBhdGgxMjIiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMwMDAxOTE7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlLXdpZHRoOjAuMjY0NTgzIiAvPjwvZz48L2c+PC9zdmc+Cg==') center no-repeat;
  mask: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iNS4yOTE2NjY1bW0iCiAgIGhlaWdodD0iNS4yOTE2NjdtbSIKICAgdmlld0JveD0iMCAwIDUuMjkxNjY2NSA1LjI5MTY2NyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMSIKICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4zICgxOjEuMysyMDIzMDcyMzE0NTkrMGUxNTBlZDZjNCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9IkdQaW5mby5zdmciCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXcxIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6c2hvd3BhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIgogICAgIGlua3NjYXBlOmRlc2tjb2xvcj0iI2QxZDFkMSIKICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0ibW0iCiAgICAgaW5rc2NhcGU6ZXhwb3J0LWJnY29sb3I9IiNmZmZmZmYwMCIKICAgICBpbmtzY2FwZTp6b29tPSI0LjA1NTM2OTYiCiAgICAgaW5rc2NhcGU6Y3g9IjM0My43NDE3OSIKICAgICBpbmtzY2FwZTpjeT0iMTU0LjExNjY1IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTI2MCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI3NTAiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjQwNDAiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjExMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIwIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIgLz48ZGVmcwogICAgIGlkPSJkZWZzMSIgLz48ZwogICAgIGlua3NjYXBlOmxhYmVsPSJDYWxxdWUgMSIKICAgICBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIgogICAgIGlkPSJsYXllcjEiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMS44MjUsLTQwLjAyMDgzOSkiPjxnCiAgICAgICBpZD0iZzEiPjxnCiAgICAgICAgIGlkPSJnNiIKICAgICAgICAgc3R5bGU9InN0cm9rZTojMDAwMTkxO3N0cm9rZS1vcGFjaXR5OjEiPjxjaXJjbGUKICAgICAgICAgICBjeD0iMTA0LjQ3MDgzIgogICAgICAgICAgIGN5PSI0Mi42NjY2NzIiCiAgICAgICAgICAgcj0iMi40NDczOTU4IgogICAgICAgICAgIGZpbGw9IiNmZmZmZmYiCiAgICAgICAgICAgZmlsbC1vcGFjaXR5PSIwLjQiCiAgICAgICAgICAgc3Ryb2tlPSIjZmZmZmZmIgogICAgICAgICAgIHN0cm9rZS13aWR0aD0iMC4zOTY4NzUiCiAgICAgICAgICAgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIgogICAgICAgICAgIGlkPSJjaXJjbGUxMjEiCiAgICAgICAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzAwMDE5MTtzdHJva2Utb3BhY2l0eToxIiAvPjwvZz48cGF0aAogICAgICAgICBkPSJtIDEwNC45NzY0LDQzLjk4OTA2MSBoIC0xLjAzNDEyIHYgLTAuMTc1MTU0IGggMC4wNTUxIGMgMC4wNzM5LDAgMC4xMjcxNiwtMC4wMTAzMiAwLjE2MTA1LC0wLjAzMDE2IDAuMDMzMywtMC4wMjA2NCAwLjA1NDUsLTAuMDQ4OTUgMC4wNjE4LC0wLjA4NTk5IDAuMDA4LC0wLjAzNzA0IDAuMDExNSwtMC4wOTA3NSAwLjAxMTUsLTAuMTYxNjYxIFYgNDIuOTcwNjggYyAwLC0wLjA3ODg1IC0wLjAwNSwtMC4xMzQ0MDggLTAuMDE0NSwtMC4xNjc3NDYgLTAuMDEsLTAuMDMyODEgLTAuMDM0NSwtMC4wNTY4OSAtMC4wNzQ1LC0wLjA3Mjc2IC0wLjAzOTksLTAuMDE1MDggLTAuMTA3MTYsLTAuMDIzNTUgLTAuMjAxLC0wLjAyNDg3IHYgLTAuMTc0ODkgbCAwLjc4MTAyLC0wLjE2NDA0MSB2IDEuMTY5NzIyIGMgMCwwLjEwNjYyOCAwLjAxMzMsMC4xNzk5MTcgMC4wNCwwLjIxOTA3NSAwLjAyNjYsMC4wMzk0MiAwLjA5ODEsMC4wNTk1MyAwLjIxMzEyLDAuMDU5NTMgdiAwLjE3NDg4OSB6IG0gLTAuMjE0OTUsLTIuMzY4MDIxIGMgMCwwLjA3NjIgLTAuMDI3MiwwLjE0MTAyMyAtMC4wODExLDAuMTk1NTI3IC0wLjA1MzksMC4wNTM5OCAtMC4xMTkyNywwLjA4MTIzIC0wLjE5NDk3LDAuMDgxMjMgLTAuMDc1NywwIC0wLjEzOTg2LC0wLjAyNzc4IC0wLjE5NDk1LC0wLjA4MzA4IC0wLjA1NTEsLTAuMDU1MDMgLTAuMDgyOSwtMC4xMTk4NTYgLTAuMDgyOSwtMC4xOTMxNDYgMCwtMC4wNzMyOSAwLjAyNzIsLTAuMTQxNTUyIDAuMDgxNywtMC4xOTYwNTYgMC4wNTQ1LC0wLjA1NDUgMC4xMTk4OCwtMC4wODE3NiAwLjE5NjE2LC0wLjA4MTc2IDAuMDc2MywwIDAuMTQyOSwwLjAyNjcyIDAuMTk2MTYsMC4wNzk5IDAuMDUzMywwLjA1MzE4IDAuMDc5OSwwLjExOTMyNyAwLjA3OTksMC4xOTc5MDggeiIKICAgICAgICAgZmlsbD0iIzAwMDA5MSIKICAgICAgICAgaWQ9InBhdGgxMjIiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMwMDAxOTE7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlLXdpZHRoOjAuMjY0NTgzIiAvPjwvZz48L2c+PC9zdmc+Cg==') center no-repeat;
}

[id^=GPelevationPathProfil] > #profileElevationByDefault > svg {
  transform: translateY(1rem);
}

[id^=GPelevationPathProfil] {
  height: 150px;
  width: 300px;
}

.GPelevationPathProfilWrapper  {
  padding: 0 2rem;
}

div[id^=GPelevationPathInformationsContainer] {
  display: grid;
  width: calc(300px + 4rem);
  padding: 0 2rem 1rem 2rem;
  grid-template-columns: 50% 50%;
  gap: 0.5rem 0;
}

.GPelevationPathInformations {
  font-size: 13px;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.GPelevationPathInformations > span {
  white-space: nowrap;
}

.GPelevationPathInformations > span:last-child {
  font-size: 19px;
  font-weight: bold;
}

/* Mode Mobile */

@media (max-width: 576px) {
  div[id^=GPelevationPathInformationsContainer], #GPelevationPathProfil {
    margin: auto;
  }
}