geopf-extensions-openlayers/src/packages/CSS/Controls/GetFeatureInfo/DSFRgetFeatureInfoStyle.css

French Geoportal Extensions for OpenLayers libraries

/* GET FEATURE INFO */
.gpf-btn-header_gfi {
    z-index: 2;
    position: absolute;
}

.gpf-btn-icon-header_gfi {
    color: var(--text-action-high-blue-france); /* ou inherit */
    background-color: currentColor;
    mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoCiAgICAgICAgZD0iTTExIDE4LjQzQzExIDE4LjIxIDExLjAxIDE4IDExLjAzIDE3Ljc4TDkuMDYgMTYuOEw5IDE2LjgzVjQuMjRMMTQuOTQgNy4yMUwxNSA3LjE4VjEyLjExQzE1LjkxIDExLjY4IDE2LjkyIDExLjQzIDE4IDExLjQzQzE5LjQ5IDExLjQzIDIwLjg3IDExLjkgMjIgMTIuNjlWMi43NkMyMiAyLjY5IDIxLjk5IDIuNjMgMjEuOTYgMi41NkMyMS44NSAyLjMxIDIxLjU2IDIuMTkgMjEuMyAyLjNMMTUgNUw5IDJMMiA1VjIxLjI0QzIgMjEuMzEgMi4wMSAyMS4zNyAyLjA0IDIxLjQ0QzIuMTUgMjEuNjkgMi40NCAyMS44MSAyLjcgMjEuN0w5IDE5TDExLjIxIDIwLjExQzExLjA4IDE5LjU3IDExIDE5LjAxIDExIDE4LjQzWiIKICAgICAgICBmaWxsPSJjdXJyZW50Q29sb3IiIC8+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIKICAgICAgICBkPSJNMTguNzcgMjAuMjlWMjEuODlIMTcuMTdWMjAuMjlIMTguNzdaTTE4LjM0IDEzLjkxQzE5LjggMTQuMSAyMC44NiAxNS40IDIwLjc3IDE2Ljg3QzIwLjY3IDE4LjM0IDE5LjQ1IDE5LjQ5IDE3Ljk4IDE5LjQ5SDE3LjE4VjE3Ljg5SDE3Ljk4QzE4LjYxIDE3Ljg5IDE5LjE0IDE3LjQgMTkuMTggMTYuNzdDMTkuMjIgMTYuMTQgMTguNzcgMTUuNTggMTguMTQgMTUuNUMxNy41MSAxNS40MiAxNi45MyAxNS44MyAxNi44MSAxNi40NUwxNS4yNCAxNi4xNEMxNS41MyAxNC42OSAxNi44OSAxMy43MiAxOC4zNSAxMy45MUgxOC4zNFoiCiAgICAgICAgZmlsbD0iY3VycmVudENvbG9yIiAvPgo8L3N2Zz4=') no-repeat center / contain;
    -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoCiAgICAgICAgZD0iTTExIDE4LjQzQzExIDE4LjIxIDExLjAxIDE4IDExLjAzIDE3Ljc4TDkuMDYgMTYuOEw5IDE2LjgzVjQuMjRMMTQuOTQgNy4yMUwxNSA3LjE4VjEyLjExQzE1LjkxIDExLjY4IDE2LjkyIDExLjQzIDE4IDExLjQzQzE5LjQ5IDExLjQzIDIwLjg3IDExLjkgMjIgMTIuNjlWMi43NkMyMiAyLjY5IDIxLjk5IDIuNjMgMjEuOTYgMi41NkMyMS44NSAyLjMxIDIxLjU2IDIuMTkgMjEuMyAyLjNMMTUgNUw5IDJMMiA1VjIxLjI0QzIgMjEuMzEgMi4wMSAyMS4zNyAyLjA0IDIxLjQ0QzIuMTUgMjEuNjkgMi40NCAyMS44MSAyLjcgMjEuN0w5IDE5TDExLjIxIDIwLjExQzExLjA4IDE5LjU3IDExIDE5LjAxIDExIDE4LjQzWiIKICAgICAgICBmaWxsPSJjdXJyZW50Q29sb3IiIC8+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIKICAgICAgICBkPSJNMTguNzcgMjAuMjlWMjEuODlIMTcuMTdWMjAuMjlIMTguNzdaTTE4LjM0IDEzLjkxQzE5LjggMTQuMSAyMC44NiAxNS40IDIwLjc3IDE2Ljg3QzIwLjY3IDE4LjM0IDE5LjQ1IDE5LjQ5IDE3Ljk4IDE5LjQ5SDE3LjE4VjE3Ljg5SDE3Ljk4QzE4LjYxIDE3Ljg5IDE5LjE0IDE3LjQgMTkuMTggMTYuNzdDMTkuMjIgMTYuMTQgMTguNzcgMTUuNTggMTguMTQgMTUuNUMxNy41MSAxNS40MiAxNi45MyAxNS44MyAxNi44MSAxNi40NUwxNS4yNCAxNi4xNEMxNS41MyAxNC42OSAxNi44OSAxMy43MiAxOC4zNSAxMy45MUgxOC4zNFoiCiAgICAgICAgZmlsbD0iY3VycmVudENvbG9yIiAvPgo8L3N2Zz4=') no-repeat center / contain;
    margin-left: 8px;
    width: 16px;
    height: 16px;
}

.gpf-panel__body_gfi {
    overflow: auto;
    max-height: 300px !important;
}

.gpf-panel__title_gfi {
    color: #101092;
    padding: 12px 15px;
    position: relative;
    font-size: 1rem;
    font-weight: normal;
    margin: 0;
    right: -16px;
}
.gpf-panel__header_gfi {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    background: #E3E3FD;
    height: 48px;
}

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

button[id^="GPgetFeatureInfoPicto-"][aria-pressed="true"]::after {
    -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoCiAgICAgICAgZD0iTTExIDE4LjQzQzExIDE4LjIxIDExLjAxIDE4IDExLjAzIDE3Ljc4TDkuMDYgMTYuOEw5IDE2LjgzVjQuMjRMMTQuOTQgNy4yMUwxNSA3LjE4VjEyLjExQzE1LjkxIDExLjY4IDE2LjkyIDExLjQzIDE4IDExLjQzQzE5LjQ5IDExLjQzIDIwLjg3IDExLjkgMjIgMTIuNjlWMi43NkMyMiAyLjY5IDIxLjk5IDIuNjMgMjEuOTYgMi41NkMyMS44NSAyLjMxIDIxLjU2IDIuMTkgMjEuMyAyLjNMMTUgNUw5IDJMMiA1VjIxLjI0QzIgMjEuMzEgMi4wMSAyMS4zNyAyLjA0IDIxLjQ0QzIuMTUgMjEuNjkgMi40NCAyMS44MSAyLjcgMjEuN0w5IDE5TDExLjIxIDIwLjExQzExLjA4IDE5LjU3IDExIDE5LjAxIDExIDE4LjQzWiIKICAgICAgICBmaWxsPSJjdXJyZW50Q29sb3IiIC8+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIKICAgICAgICBkPSJNMTguNzcgMjAuMjlWMjEuODlIMTcuMTdWMjAuMjlIMTguNzdaTTE4LjM0IDEzLjkxQzE5LjggMTQuMSAyMC44NiAxNS40IDIwLjc3IDE2Ljg3QzIwLjY3IDE4LjM0IDE5LjQ1IDE5LjQ5IDE3Ljk4IDE5LjQ5SDE3LjE4VjE3Ljg5SDE3Ljk4QzE4LjYxIDE3Ljg5IDE5LjE0IDE3LjQgMTkuMTggMTYuNzdDMTkuMjIgMTYuMTQgMTguNzcgMTUuNTggMTguMTQgMTUuNUMxNy41MSAxNS40MiAxNi45MyAxNS44MyAxNi44MSAxNi40NUwxNS4yNCAxNi4xNEMxNS41MyAxNC42OSAxNi44OSAxMy43MiAxOC4zNSAxMy45MUgxOC4zNFoiCiAgICAgICAgZmlsbD0iY3VycmVudENvbG9yIiAvPgo8L3N2Zz4=') center no-repeat;
    mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoCiAgICAgICAgZD0iTTExIDE4LjQzQzExIDE4LjIxIDExLjAxIDE4IDExLjAzIDE3Ljc4TDkuMDYgMTYuOEw5IDE2LjgzVjQuMjRMMTQuOTQgNy4yMUwxNSA3LjE4VjEyLjExQzE1LjkxIDExLjY4IDE2LjkyIDExLjQzIDE4IDExLjQzQzE5LjQ5IDExLjQzIDIwLjg3IDExLjkgMjIgMTIuNjlWMi43NkMyMiAyLjY5IDIxLjk5IDIuNjMgMjEuOTYgMi41NkMyMS44NSAyLjMxIDIxLjU2IDIuMTkgMjEuMyAyLjNMMTUgNUw5IDJMMiA1VjIxLjI0QzIgMjEuMzEgMi4wMSAyMS4zNyAyLjA0IDIxLjQ0QzIuMTUgMjEuNjkgMi40NCAyMS44MSAyLjcgMjEuN0w5IDE5TDExLjIxIDIwLjExQzExLjA4IDE5LjU3IDExIDE5LjAxIDExIDE4LjQzWiIKICAgICAgICBmaWxsPSJjdXJyZW50Q29sb3IiIC8+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIKICAgICAgICBkPSJNMTguNzcgMjAuMjlWMjEuODlIMTcuMTdWMjAuMjlIMTguNzdaTTE4LjM0IDEzLjkxQzE5LjggMTQuMSAyMC44NiAxNS40IDIwLjc3IDE2Ljg3QzIwLjY3IDE4LjM0IDE5LjQ1IDE5LjQ5IDE3Ljk4IDE5LjQ5SDE3LjE4VjE3Ljg5SDE3Ljk4QzE4LjYxIDE3Ljg5IDE5LjE0IDE3LjQgMTkuMTggMTYuNzdDMTkuMjIgMTYuMTQgMTguNzcgMTUuNTggMTguMTQgMTUuNUMxNy41MSAxNS40MiAxNi45MyAxNS44MyAxNi44MSAxNi40NUwxNS4yNCAxNi4xNEMxNS41MyAxNC42OSAxNi44OSAxMy43MiAxOC4zNSAxMy45MUgxOC4zNFoiCiAgICAgICAgZmlsbD0iY3VycmVudENvbG9yIiAvPgo8L3N2Zz4=') center no-repeat;
}