style.css (3301B)
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 top: 25px; 33 bottom: 25px; 34 max-width: 100%; 35 padding-bottom: 50px; 36 left: 50%; 37 } 38 39 .leaflet-layers-select-window { 40 position: relative; 41 left: -50%; 42 background-color: white; 43 border-radius: 5px; 44 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); 45 z-index: 3000; 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-select-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-select-window .buttons-row { 63 position: absolute; 64 bottom: 0; 65 margin-bottom: 6px; 66 white-space: nowrap; 67 } 68 69 .leaflet-layers-select-window label { 70 display: block; 71 } 72 73 .leaflet-layers-select-window .button, 74 .custom-layers-window .button { 75 display: inline-block; 76 height: 26px; 77 border-radius: 4px; 78 border: 1px solid #ccc; 79 cursor: pointer; 80 margin-right: 6px; 81 padding: 0 1em; 82 line-height: 26px; 83 font-weight: bold; 84 color: #333; 85 } 86 87 .leaflet-layers-select-window .button:hover { 88 background-color: #f4f4f4; 89 } 90 91 .leaflet-layers-select-window .section-header{ 92 font-size: 14px; 93 font-weight: bold; 94 } 95 96 .leaflet-layers-select-window a { 97 color: #000; 98 } 99 100 .leaflet-layers-select-window .section-header a { 101 color: #666; 102 } 103 104 .custom-layers-window { 105 position: relative; 106 left: -50%; 107 min-width: 290px; 108 /*margin-left: -150px;*/ 109 margin-top: 15px; 110 background-color: white; 111 border-radius: 5px 5px 5px 5px; 112 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); 113 padding: 3mm 3mm; 114 color: #333; 115 z-index: 3001; 116 } 117 118 .custom-layers-window textarea, 119 .custom-layers-window input, 120 .custom-layers-window select { 121 padding: 0.5mm 5px; 122 margin: 1mm 1mm 1mm 0; 123 border-radius: 3px; 124 border: 1px solid #aaa; 125 vertical-align: middle; 126 box-sizing: border-box; 127 } 128 129 .custom-layers-window .layer-name, 130 .custom-layers-window .layer-url { 131 width: 100%; 132 } 133 134 .custom-layers-window .button:hover { 135 background-color: #f4f4f4; 136 } 137 138 .custom-layer-edit-button { 139 width: 16px; 140 height: 16px; 141 background-size: 16px 16px; 142 display: inline-block; 143 vertical-align: text-bottom; 144 margin-left: 2px; 145 cursor: pointer; 146 } 147 148 .custom-layers-window .doc-link { 149 color: #777; 150 } 151 152 .leaflet-layers-configure-just-added-1 { 153 background-color: #ff8d4d; 154 } 155 156 .leaflet-layers-configure-just-added-2 { 157 transition: background-color 7s ease-in; 158 background-color: rgba(0, 0, 0, 0); 159 } 160 161 .custom-layers-window hr { 162 border: none; 163 border-top: 1px solid hsl(0, 0%, 85%); 164 } 165 166 .custom-layers-window .hint { 167 font-size: 10px; 168 color: #777; 169 }