controls-styles.css (2507B)
1 .leaflet-control.control-form, .leaflet-control .control-form{ 2 background-color: white; 3 border-radius: 5px 5px 5px 5px; 4 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); 5 padding: 5px 10px 5px 12px; 6 color: #333; 7 } 8 9 .leaflet-control.control-form input[type="text"] { 10 padding: 0 5px; 11 margin: 0; 12 border-radius: 3px; 13 border: 1px solid #ddd; 14 text-align: right; 15 } 16 17 .leaflet-control .image-button { 18 width: 26px; 19 height: 26px; 20 background-position: 50% 50%; 21 background-repeat: no-repeat; 22 display: inline-block; 23 border-radius: 4px 4px 4px 4px; 24 border: 1px solid #ccc; 25 cursor: pointer; 26 } 27 28 .leaflet-control .text-button { 29 display: inline-block; 30 height: 26px; 31 border-radius: 4px 4px 4px 4px; 32 border: 1px solid #ccc; 33 cursor: pointer; 34 padding: 0 1em; 35 line-height: 26px; 36 font-weight: bold; 37 color: #333; 38 } 39 40 .leaflet-control .image-button:hover, 41 .leaflet-control .text-button:hover { 42 background-color: #f4f4f4; 43 } 44 45 .leaflet-control-button { 46 display: inline-block; 47 width: 26px; 48 height: 26px; 49 background-position: 50% 50%; 50 background-repeat: no-repeat; 51 border-radius: 4px; 52 background-color: white; 53 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); 54 cursor: pointer; 55 } 56 57 .leaflet-control-button:hover { 58 background-color: #f4f4f4; 59 } 60 61 .button-minimize { 62 cursor: pointer; 63 width: 18px; 64 height: 18px; 65 border-radius: 4px; 66 border: 1px solid #ccc; 67 background-color: white; 68 background-position: 50% 50%; 69 background-repeat: no-repeat; 70 } 71 72 .button-minimize:hover { 73 background-color: #f4f4f4; 74 } 75 76 .leaflet-bottom.leaflet-left .button-minimize { 77 background-image: url("images/arrow_bl.png"); 78 } 79 80 .leaflet-bottom.leaflet-right .button-minimize { 81 background-image: url("images/arrow_br.png"); 82 } 83 84 .leaflet-top.leaflet-left .button-minimize { 85 background-image: url("images/arrow_ul.png"); 86 } 87 88 .leaflet-top.leaflet-right .button-minimize { 89 background-image: url("images/arrow_ur.png"); 90 } 91 92 .leaflet-control-button-toggle { 93 cursor: pointer; 94 width: 26px; 95 height: 26px; 96 background-position: 50% 50%; 97 background-repeat: no-repeat; 98 margin: 5px; 99 display: none; 100 } 101 102 .leaflet-control.minimized { 103 padding: 0; 104 } 105 106 .leaflet-control.minimized .leaflet-control-content { 107 display: none; 108 } 109 110 .leaflet-control.minimized .leaflet-control-button-toggle { 111 display: block; 112 } 113 114 .icon-spinner-nuclear { 115 background-image: url('images/spinner.gif'); 116 }