style.css (4170B)
1 .leaflet-control-layers-top-row .button { 2 cursor: pointer; 3 width: 18px; 4 height: 18px; 5 6 border-radius: 4px; 7 border: 1px solid #ccc; 8 background-color: white; 9 10 float: left; 11 12 background-position: 50% 50%; 13 background-repeat: no-repeat; 14 background-size: 16px 16px; 15 margin-right: 4px; 16 } 17 18 .icon-settings { 19 background-image: url("settings.svg"); 20 } 21 22 .icon-edit { 23 background-image: url("pencil.svg"); 24 } 25 26 .leaflet-control-layers .button-config:hover { 27 background-color: #f4f4f4; 28 } 29 30 .leaflet-layers-dialog-wrapper { 31 position: absolute; 32 z-index: 3000; 33 top: 25px; 34 bottom: 25px; 35 max-width: 100%; 36 padding-bottom: 50px; 37 left: 50%; 38 transform: translateX(-50%); 39 } 40 41 .leaflet-layers-config-window { 42 position: relative; 43 background-color: white; 44 border-radius: 5px; 45 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); 46 max-width: 100%; 47 overflow: hidden; 48 height: 100%; 49 padding: 6px 0 40px 6px; 50 min-width: 290px; 51 } 52 53 .leaflet-layers-config-window form { 54 overflow: auto; 55 overflow: overlay; 56 padding-right: 18px; 57 max-height: 100%; 58 margin-bottom: 50px; 59 /*width: auto ;*/ 60 } 61 62 .leaflet-layers-config-window .buttons-row { 63 position: absolute; 64 bottom: 0; 65 margin-bottom: 6px; 66 white-space: nowrap; 67 } 68 69 .leaflet-layers-config-window .layer-label { 70 display: block; 71 position: relative; 72 vertical-align: bottom; 73 } 74 75 .leaflet-layers-config-window .button, 76 .custom-layers-window .button { 77 display: inline-block; 78 height: 26px; 79 border-radius: 4px; 80 border: 1px solid #ccc; 81 cursor: pointer; 82 margin-right: 6px; 83 padding: 0 1em; 84 line-height: 26px; 85 font-weight: bold; 86 color: #333; 87 } 88 89 .leaflet-layers-config-window .button:hover { 90 background-color: #f4f4f4; 91 } 92 93 .leaflet-layers-config-window .section-header{ 94 font-size: 14px; 95 font-weight: bold; 96 } 97 98 .leaflet-layers-config-window .section-header a { 99 color: #666; 100 } 101 102 .custom-layers-window { 103 position: relative; 104 left: -50%; 105 min-width: 290px; 106 /*margin-left: -150px;*/ 107 margin-top: 15px; 108 background-color: white; 109 border-radius: 5px 5px 5px 5px; 110 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); 111 padding: 3mm 3mm; 112 color: #333; 113 z-index: 3001; 114 } 115 116 .custom-layers-window textarea, 117 .custom-layers-window input, 118 .custom-layers-window select { 119 padding: 0.5mm 5px; 120 margin: 1mm 1mm 1mm 0; 121 border-radius: 3px; 122 border: 1px solid #aaa; 123 vertical-align: middle; 124 box-sizing: border-box; 125 } 126 127 .custom-layers-window .layer-name, 128 .custom-layers-window .layer-url { 129 width: 100%; 130 } 131 132 .custom-layers-window .button:hover { 133 background-color: #f4f4f4; 134 } 135 136 .custom-layer-edit-button { 137 width: 16px; 138 height: 16px; 139 background-size: 16px 16px; 140 display: inline-block; 141 vertical-align: text-bottom; 142 margin-left: 2px; 143 cursor: pointer; 144 } 145 146 .custom-layers-window .doc-link { 147 color: #777; 148 } 149 150 .leaflet-layers-configure-just-added-1 { 151 background-color: #ff8d4d; 152 } 153 154 .leaflet-layers-configure-just-added-2 { 155 transition: background-color 7s ease-in; 156 background-color: rgba(0, 0, 0, 0); 157 } 158 159 .custom-layers-window hr { 160 border: none; 161 border-top: 1px solid hsl(0, 0%, 85%); 162 } 163 164 .custom-layers-window .hint { 165 font-size: 10px; 166 color: #777; 167 } 168 169 .leaflet-layers-config-window .layer-enabled-checkbox { 170 vertical-align: bottom; 171 } 172 173 .leaflet-layers-config-window .hotkey-input { 174 display: inline-block; 175 text-align: center; 176 vertical-align: bottom; 177 color: hsl(0, 0%, 50%); 178 border: 1px solid transparent; 179 font-size: 10px; 180 width: 15px; 181 height: 15px; 182 border-radius: 2px; 183 cursor: text; 184 } 185 186 .leaflet-layers-config-window .error { 187 color: hsl(0, 60%, 50%); 188 background-color: hsl(0, 0%, 97%); 189 border-radius: 4px; 190 position: absolute; 191 width: 100%; 192 top: 100%; 193 z-index: 10000; 194 padding: 4px; 195 } 196 197 .leaflet-layers-config-window .hotkey-input:focus { 198 border-color: hsl(0, 0%, 20%) !important; 199 color: hsl(0, 0%, 10%) !important; 200 } 201 202 .leaflet-layers-config-window .layer-label:hover .hotkey-input { 203 border-color: hsl(0, 0%, 80%); 204 }