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

French Geoportal Extensions for OpenLayers libraries

.GPpanelHeader {
  padding: unset;
}


[id^=GPelevationPathPanelClose] {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAAAaCAYAAABb9hlrAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAB3RJTUUH4gEQEjITjE0MtwAABGJJREFUaN7tmU1oHGUYx//PZEvSLjHVBLVaerCXSgo5tAqxiqBSxcSLWqknFaNdaYjiwUMOVVGi2EORJg0xtgbx0FKVgmirRU17SUpjPsCVUhQtVOr6ES8mmpqdnwffhekw2dndbMK23T8MzMzzzsz7PP/3+ZjnlaqooooqrlhY7gSol3Rr7tLMTlfNs3gAJqnGncvMJMk3M7+Q5xOB8zsl9Ui6XtI/ktZXzVs6MpmMNTU1rZa0SdJNknLkSNI0MCrpTzPLFkSQmR0FspIGJb1UNXHpHjM3N9dUW1t7u6QHJW2V9KukPyQhqcEt/i8lHctms8Oe5/0WR5SAW4AfgWGgC1ixjEo9AwwAXj7Fgb1AZ6WSMzk56QGbgQPA98AUsBvYAKwCVgJrgV3AKeAccAi4f3x8vCbOSA8AB91xGEguIzlZ/sdgFEmOnF43xq9UkoBrgD7gZ+B13/c3u/uPAG8AbwEdkpTNZjcCLwJngE+AtYV8YEW+VbxESvVxKfa5xBokZ19oTF+lkTMzM+MB9wJngT0hHT8KzP2bkGwHcB54Ktb2wNtAb5EGbgAaFhOzXegKYhDwQp6TwzvLvYgK1CPpwtkZYEtI9iowCowBAyHZeuCEi1pr4j4yBBwscmK7gZ7FJtYFSOq7TMgx4A7gB6AvnU5bSF4H1LtjVVCWSqUMeN550eN59SuWIMf+HDAL3LwEJC0bOSPdCRvpTljwOiT3RroTdQvM3QPanYfcFiHvAj4GjgCvLWDHT4EX8hZnUQQBCRf6tkWMD8bW/WVaiVEkDZZKDmWCI6kmD0FtwNfAugXsetG96qsIeSPwfhRBXoxy10n6XFKXpEPAy7kEDtwl6eHA8CeA5nJ2N2LuxXrEEjiaX2a9YpHvv2ODpFOS7gl84BVHVFLSntAjNZLeXGRLZK+knRHipyUNFONFrT3zlDsExhjZJNVLuqGE16+W1BjX6rmk3JY06v56w9gmaUuufRFCO3C3mZ0oAzmDki4G7nXkytJC+lgj3Qlr7ZnHzIK5JW4V09ozz0h3Yo0zdJOk3yVlHOELkY6kaUnXSnoynU6PNTc3F7RAUqmUSWqX1CLpA0nZ2Bzkqo5ScbKEvBNZSucrwS+zMnsI+DcqB8WV2Uuh6Loix/eGPKdf0g4z880Ml//6A/IO520VhdnZ2b8lHXM2fTQkrg1Eq3AleJ/rzX0mKVNQiFtmTLjk67mw1umIyTVxAXY61+904eS7SiMomUz6wGlJxyU9BswARzzPG5P0oaSfXJ4+m2v1eJ63VdKzzgbHo0J3Ik9MPVfiXM8XVdqYvety3sYwOSGSuhyJ35pZfyX24qampv5qaWl5T9JKSdvN7CHgC0n7JR11dm0Edklqk3Sjy/UHJiYmLsSWfsCQpDoz264qSq5Gi9lu8H0/73ZDmKCTrpq4UI65SnrOzIavRqJyG3ae522KqHinnefEbtiFCWpzJXSmTD91h83sl6vdo7SILe8qqqiiiisY/wFFCbN/sRPwgwAAAABJRU5ErkJggg==');
  background-repeat: no-repeat;
  background-position: -27px center;
}

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

[id^=GPelevationPathProfil] > #profileElevationByDefault > svg {
  position: absolute;
  left: 10px;
}

div[id^=GPelevationPathInformationsContainer] {
  position: absolute;
  top: 32px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  overflow: hidden;
}

.GPelevationPathInformations > span:first-child::after {
  content: " : ";
}

/* CSS : Raw */

#profileElevationRaw {
  resize: none;
  padding: unset;
}

/* CSS : default */

#profileElevationByDefault {
  display:-webkit-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  height:100%;
}

.altiPathValue {
  font-weight: 700;
  fill: #5E5E5E;
}

.altiPathCoords {
  font-style: italic;
  fill: #5E5E5E;
}


/* CSS : D3 */

.axis-d3 > text {
  fill: rgb(94, 94, 94);
  font-family: Verdana;
  font-size: 10px;
  opacity: 1;
  text-anchor: end;
}

.axis-d3 {
  fill: none;
  stroke: #5E5E5E;
  stroke-width: 1;
  shape-rendering: crispEdges;
}

.area-d3 {
  fill: #C77A04;
  stroke: #5E5E5E;
  stroke-width: 0;
  fill-opacity: 0.4;
}

.line-d3 {
  fill: none;
  stroke: #C77A04;
  stroke-width: 1px;
}

.grid-d3 .tick {
  stroke: lightgrey;
  opacity: 0.7;
}

.grid-d3 path {
  stroke-width: 0;
}

.grid-d3 .tick {
  stroke: lightgrey;
  opacity: 0.7;
}

.grid-d3 path {
  stroke-width: 0;
}

.overlay-d3 {
  fill: none;
  pointer-events: all;
}

.focusLine-d3 {
  fill: none;
  stroke: #C77A04;
  stroke-width: 0.5px;
}

.focusCircle-d3 {
  fill: #C77A04;
}

div.tooltip-d3 {
    position: inherit;;
    text-align: left;
    width: 80px;
    height: 45px;
    padding: 5px;
    font: 8px sans-serif;
    background: white;
    border: 0px;
    border-radius: 8px;
    pointer-events: none;
}

dialog[id^=GPelevationPathPanel-] {
  width: 280px;
}

[id^=GPelevationPathPanelInfo] {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAAAaCAYAAABb9hlrAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAB3RJTUUH4gEQEjITjE0MtwAABGJJREFUaN7tmU1oHGUYx//PZEvSLjHVBLVaerCXSgo5tAqxiqBSxcSLWqknFaNdaYjiwUMOVVGi2EORJg0xtgbx0FKVgmirRU17SUpjPsCVUhQtVOr6ES8mmpqdnwffhekw2dndbMK23T8MzMzzzsz7PP/3+ZjnlaqooooqrlhY7gSol3Rr7tLMTlfNs3gAJqnGncvMJMk3M7+Q5xOB8zsl9Ui6XtI/ktZXzVs6MpmMNTU1rZa0SdJNknLkSNI0MCrpTzPLFkSQmR0FspIGJb1UNXHpHjM3N9dUW1t7u6QHJW2V9KukPyQhqcEt/i8lHctms8Oe5/0WR5SAW4AfgWGgC1ixjEo9AwwAXj7Fgb1AZ6WSMzk56QGbgQPA98AUsBvYAKwCVgJrgV3AKeAccAi4f3x8vCbOSA8AB91xGEguIzlZ/sdgFEmOnF43xq9UkoBrgD7gZ+B13/c3u/uPAG8AbwEdkpTNZjcCLwJngE+AtYV8YEW+VbxESvVxKfa5xBokZ19oTF+lkTMzM+MB9wJngT0hHT8KzP2bkGwHcB54Ktb2wNtAb5EGbgAaFhOzXegKYhDwQp6TwzvLvYgK1CPpwtkZYEtI9iowCowBAyHZeuCEi1pr4j4yBBwscmK7gZ7FJtYFSOq7TMgx4A7gB6AvnU5bSF4H1LtjVVCWSqUMeN550eN59SuWIMf+HDAL3LwEJC0bOSPdCRvpTljwOiT3RroTdQvM3QPanYfcFiHvAj4GjgCvLWDHT4EX8hZnUQQBCRf6tkWMD8bW/WVaiVEkDZZKDmWCI6kmD0FtwNfAugXsetG96qsIeSPwfhRBXoxy10n6XFKXpEPAy7kEDtwl6eHA8CeA5nJ2N2LuxXrEEjiaX2a9YpHvv2ODpFOS7gl84BVHVFLSntAjNZLeXGRLZK+knRHipyUNFONFrT3zlDsExhjZJNVLuqGE16+W1BjX6rmk3JY06v56w9gmaUuufRFCO3C3mZ0oAzmDki4G7nXkytJC+lgj3Qlr7ZnHzIK5JW4V09ozz0h3Yo0zdJOk3yVlHOELkY6kaUnXSnoynU6PNTc3F7RAUqmUSWqX1CLpA0nZ2Bzkqo5ScbKEvBNZSucrwS+zMnsI+DcqB8WV2Uuh6Loix/eGPKdf0g4z880Ml//6A/IO520VhdnZ2b8lHXM2fTQkrg1Eq3AleJ/rzX0mKVNQiFtmTLjk67mw1umIyTVxAXY61+904eS7SiMomUz6wGlJxyU9BswARzzPG5P0oaSfXJ4+m2v1eJ63VdKzzgbHo0J3Ik9MPVfiXM8XVdqYvety3sYwOSGSuhyJ35pZfyX24qampv5qaWl5T9JKSdvN7CHgC0n7JR11dm0Edklqk3Sjy/UHJiYmLsSWfsCQpDoz264qSq5Gi9lu8H0/73ZDmKCTrpq4UI65SnrOzIavRqJyG3ae522KqHinnefEbtiFCWpzJXSmTD91h83sl6vdo7SILe8qqqiiiisY/wFFCbN/sRPwgwAAAABJRU5ErkJggg==');
  background-repeat: no-repeat;
  background-position: -75px center;
}

button[id^="GPshowElevationPathPicto-"] {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAAAaCAYAAABb9hlrAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAB3RJTUUH4gEQEjITjE0MtwAABGJJREFUaN7tmU1oHGUYx//PZEvSLjHVBLVaerCXSgo5tAqxiqBSxcSLWqknFaNdaYjiwUMOVVGi2EORJg0xtgbx0FKVgmirRU17SUpjPsCVUhQtVOr6ES8mmpqdnwffhekw2dndbMK23T8MzMzzzsz7PP/3+ZjnlaqooooqrlhY7gSol3Rr7tLMTlfNs3gAJqnGncvMJMk3M7+Q5xOB8zsl9Ui6XtI/ktZXzVs6MpmMNTU1rZa0SdJNknLkSNI0MCrpTzPLFkSQmR0FspIGJb1UNXHpHjM3N9dUW1t7u6QHJW2V9KukPyQhqcEt/i8lHctms8Oe5/0WR5SAW4AfgWGgC1ixjEo9AwwAXj7Fgb1AZ6WSMzk56QGbgQPA98AUsBvYAKwCVgJrgV3AKeAccAi4f3x8vCbOSA8AB91xGEguIzlZ/sdgFEmOnF43xq9UkoBrgD7gZ+B13/c3u/uPAG8AbwEdkpTNZjcCLwJngE+AtYV8YEW+VbxESvVxKfa5xBokZ19oTF+lkTMzM+MB9wJngT0hHT8KzP2bkGwHcB54Ktb2wNtAb5EGbgAaFhOzXegKYhDwQp6TwzvLvYgK1CPpwtkZYEtI9iowCowBAyHZeuCEi1pr4j4yBBwscmK7gZ7FJtYFSOq7TMgx4A7gB6AvnU5bSF4H1LtjVVCWSqUMeN550eN59SuWIMf+HDAL3LwEJC0bOSPdCRvpTljwOiT3RroTdQvM3QPanYfcFiHvAj4GjgCvLWDHT4EX8hZnUQQBCRf6tkWMD8bW/WVaiVEkDZZKDmWCI6kmD0FtwNfAugXsetG96qsIeSPwfhRBXoxy10n6XFKXpEPAy7kEDtwl6eHA8CeA5nJ2N2LuxXrEEjiaX2a9YpHvv2ODpFOS7gl84BVHVFLSntAjNZLeXGRLZK+knRHipyUNFONFrT3zlDsExhjZJNVLuqGE16+W1BjX6rmk3JY06v56w9gmaUuufRFCO3C3mZ0oAzmDki4G7nXkytJC+lgj3Qlr7ZnHzIK5JW4V09ozz0h3Yo0zdJOk3yVlHOELkY6kaUnXSnoynU6PNTc3F7RAUqmUSWqX1CLpA0nZ2Bzkqo5ScbKEvBNZSucrwS+zMnsI+DcqB8WV2Uuh6Loix/eGPKdf0g4z880Ml//6A/IO520VhdnZ2b8lHXM2fTQkrg1Eq3AleJ/rzX0mKVNQiFtmTLjk67mw1umIyTVxAXY61+904eS7SiMomUz6wGlJxyU9BswARzzPG5P0oaSfXJ4+m2v1eJ63VdKzzgbHo0J3Ik9MPVfiXM8XVdqYvety3sYwOSGSuhyJ35pZfyX24qampv5qaWl5T9JKSdvN7CHgC0n7JR11dm0Edklqk3Sjy/UHJiYmLsSWfsCQpDoz264qSq5Gi9lu8H0/73ZDmKCTrpq4UI65SnrOzIavRqJyG3ae522KqHinnefEbtiFCWpzJXSmTD91h83sl6vdo7SILe8qqqiiiisY/wFFCbN/sRPwgwAAAABJRU5ErkJggg==');
  background-repeat: no-repeat;
  background-position: 1px center;
}
/*
@media (min-width:720px) and (min-height:720px) {

[id^=GPelevationPathPanel] {
top: 15px;
left: 15px;
}

}

@media (min-width:720px) and (min-height:520px) {

[id^=GPelevationPathPanel] {
width: 460px;
}

[id^=GPelevationPathProfil] {
height: 220px;
}

}

@media (max-width:560px), (max-height:340px) {

[id^=GPelevationPathPanel] {
display: none !important;
}

}
*/