geopf-extensions-openlayers/src/packages/CSS/Controls/MousePosition/GPFmousePositionStyle.css

French Geoportal Extensions for OpenLayers libraries

/* General panels */
[id^=GPmousePositionPanel-] {
  width: 280px;
}

button[id^="GPshowMousePositionPicto-"] {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAaCAYAAAD43n+tAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD2SURBVFiF7ZbRDoIwDEUZ36oPRP9GMVF+k1c5vpQ4l24CFkfITsIDY2l70+6yqirsDITcdcSocxdQKHxhjTMEHIE7ED0CgAMuwNkyt7kgEfOUsJ0mSsRcZc9gLsoSoOWTG+C8707WfNqcNSfxRsmnA+qgMyOP1GjOSaxioCklKuyejRhJOtLLYyZI4muilosJC4y89957P2H/LMEJUapZaGzxpuAmrv3Gn0YuNIBFXZqaUMUodszNwjVbUWuQEDPatmrpueuOQu4fq+WoSbwD76uPas1BpwbgZJV/rctpI52KupmIaoHGMndh86wxcpZs1/4KO+UFLQ+rEigj9BAAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-position: 1px center;
}

.GPmousePositionEditTool {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAASCAYAAAAzI3woAAAB40lEQVR42tWWy07CQBSGi8+gPoJLE4SitqC+AioLF9qLuDC6bKuuSNS4QTo1ConWF4AWgz6IlzdB94A9pVNunZluiDjJJA3MdD7+/z9n4DjGyKh3PZjcrIyZAFrOlxfTKrrmVesDA/nPknmVLNwssPbnNPdI0JxHrlSaoyxL5Az3fl1rnFJflpIrhYxi/WCQ8ckr6Hv1AO3SYETD6WTPmj1Bd2wCVELUnQdYIxpulwgFMLxidfsHWy9J6XYjBNk3N3kVtYLvuiQowXCqcBCeou7WAGAUxq0Nr4E9kTZhZdISMkgZSsnmOVaKYJ9vxciBA6VCZQbAjadIFSEzWBlWRtKy9eqDepmi5WMUqmkLWr0aC8ZXQrG+4BCwiQUE9uGgs0I7DBALhhRekmWs9ZNQzQkoQa/bZGWmDDSeGZheVT0zWoJng4I+41q2Vixv+ZbJ6J1mWRRMRNAJHdkLaD8XqMXMkIzeAqDLuDCQmfHPqFBQ9lDKcBCUNskyXkIXQdm3SWVPKW1aS5gc0OzCxugphasJJtgUKqNYHV4x81NtjGGPkSo7WCnC1dFeOUTbpP2eOkV8dVD6TKgUXB1Z3T2hZgSsgExBaEMQ7xkys7RXmmdfro3j4FcnaKGHNbD2//39+EugX0KgD3FX5kMVAAAAAElFTkSuQmCC');
}

button[id^=GPmousePositionPanelClose]  {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAaCAYAAAD43n+tAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD2SURBVFiF7ZbRDoIwDEUZ36oPRP9GMVF+k1c5vpQ4l24CFkfITsIDY2l70+6yqirsDITcdcSocxdQKHxhjTMEHIE7ED0CgAMuwNkyt7kgEfOUsJ0mSsRcZc9gLsoSoOWTG+C8707WfNqcNSfxRsmnA+qgMyOP1GjOSaxioCklKuyejRhJOtLLYyZI4muilosJC4y89957P2H/LMEJUapZaGzxpuAmrv3Gn0YuNIBFXZqaUMUodszNwjVbUWuQEDPatmrpueuOQu4fq+WoSbwD76uPas1BpwbgZJV/rctpI52KupmIaoHGMndh86wxcpZs1/4KO+UFLQ+rEigj9BAAAAAASUVORK5CYII=');
}

/* Map center localisation */

.GPmousePositionLabel,
.GPmousePositionCoords {
  display: inline-block;
  line-height: 20px;
}

.GPmousePositionLabel {
  width: 100px;
  font-weight: bold;
}

.GPmousePositionCoords {
  width: 110px;
}

/* Showing settings */

.GPshowMousePositionSettingsPicto {
  bottom: 5px;
  right: 0;
  transition: all 0.5s ease-out 0s;
}

.GPmousePositionSettingsLabel {
  display: block;
  margin: auto;
  text-align: center;
  font-weight: bold;
  line-height: 16px;
}

.GPmousePositionSettingsSelect {
  width: 180px;
  margin-top: 5px;
  margin-inline: auto;
}

/* sexagesimal coordinates */

.GPSexagesimal, .GPSexagesimalsec {
  margin:0;
  border: 1px solid rgb(204, 204, 204);
  border-radius: 4px;
}

input:read-only.GPSexagesimal, input:read-only.GPSexagesimalsec {
  text-align: right;
}


.GPmousePositionSexagesimalLabel {
  font-size: 1.2em;
  vertical-align: middle;
  padding: 0;
}

/* direction N/S ou E/O */
select.GPmousePositionDirection {
  border: 1px solid #999;
  margin-left: 2px;
}

select.GPmousePositionDirection:disabled{
  border: none;
  background: transparent;
  color: black;
  /*For FireFox*/
 -webkit-appearance: none;
 /*For Chrome*/
 -moz-appearance: none;
}

/*For IE10+*/
select.GPmousePositionDirection:disabled::-ms-expand {
  display: none;
}
select.GPmousePositionDirection:disabled::-ms-value {
  color: black;
}

.GPmousePositionUnits,
.GPmousePositionAltitudeUnits {
  margin-left: 5px;
}

/* EDIT COORDINATES TOOLS */
.GPmousePositionPanelEditTools {
  position: absolute;
  top: 20px;
  right: 5px;
}

.GPmousePositionEditTool {
  width: 18px;
  height: 18px;
  display: inline-block;
  cursor: pointer;
}