style.css (4125B)
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 min-width: 290px; 105 margin-top: 15px; 106 background-color: white; 107 border-radius: 5px 5px 5px 5px; 108 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); 109 padding: 3mm 3mm; 110 color: #333; 111 z-index: 3001; 112 } 113 114 .custom-layers-window textarea, 115 .custom-layers-window input, 116 .custom-layers-window select { 117 padding: 0.5mm 5px; 118 margin: 1mm 1mm 1mm 0; 119 border-radius: 3px; 120 border: 1px solid #aaa; 121 vertical-align: middle; 122 box-sizing: border-box; 123 } 124 125 .custom-layers-window .layer-name, 126 .custom-layers-window .layer-url { 127 width: 100%; 128 } 129 130 .custom-layers-window .button:hover { 131 background-color: #f4f4f4; 132 } 133 134 .custom-layer-edit-button { 135 width: 16px; 136 height: 16px; 137 background-size: 16px 16px; 138 display: inline-block; 139 vertical-align: text-bottom; 140 margin-left: 2px; 141 cursor: pointer; 142 } 143 144 .custom-layers-window .doc-link { 145 color: #777; 146 } 147 148 .leaflet-layers-configure-just-added-1 { 149 background-color: #ff8d4d; 150 } 151 152 .leaflet-layers-configure-just-added-2 { 153 transition: background-color 7s ease-in; 154 background-color: rgba(0, 0, 0, 0); 155 } 156 157 .custom-layers-window hr { 158 border: none; 159 border-top: 1px solid hsl(0, 0%, 85%); 160 } 161 162 .custom-layers-window .hint { 163 font-size: 10px; 164 color: #777; 165 } 166 167 .leaflet-layers-config-window .layer-enabled-checkbox { 168 vertical-align: bottom; 169 } 170 171 .leaflet-layers-config-window .hotkey-input { 172 display: inline-block; 173 text-align: center; 174 vertical-align: bottom; 175 color: hsl(0, 0%, 50%); 176 border: 1px solid transparent; 177 font-size: 10px; 178 width: 15px; 179 height: 15px; 180 border-radius: 2px; 181 cursor: text; 182 } 183 184 .leaflet-layers-config-window .error { 185 color: hsl(0, 60%, 50%); 186 background-color: hsl(0, 0%, 97%); 187 border-radius: 4px; 188 position: absolute; 189 width: 100%; 190 top: 100%; 191 z-index: 10000; 192 padding: 4px; 193 } 194 195 .leaflet-layers-config-window .hotkey-input:focus { 196 border-color: hsl(0, 0%, 20%) !important; 197 color: hsl(0, 0%, 10%) !important; 198 } 199 200 .leaflet-layers-config-window .layer-label:hover .hotkey-input { 201 border-color: hsl(0, 0%, 80%); 202 }