Upload files to "css"

css/styledLayerControl.css

@@ -0,0 +1,155 @@
+@font-face {
+    font-family: BebasNeueRegular;
+    src: url(fonts/BebasNeue-webfont.woff);
+}             
+
+@font-face {
+    font-family: Alegreya-Regular;
+    src: url(https://candyfonts.com/wp-data/2019/06/11/65009/Alegreya-Regular.ttf);
+}
+
+@font-face {
+    font-family: Ubuntu-Medium;
+    src: url(fonts/Ubuntu-Medium.ttf);
+}
+
+@font-face {
+    font-family: Ubuntu-Regular;
+    src: url(https://candyfonts.com/wp-data/2019/05/09/58050/Ubuntu-Regular.ttf);
+}
+
+
+
+.ac-container{
+	padding: 3px 3px;
+	width: auto;
+	margin: 2px auto 2px auto;
+	text-align: left;
+	overflow-y: auto;
+	overflow-x: auto;
+	height: auto;
+	
+}
+.ac-container label{
+	font-family: 'Arial Narrow', Arial, sans-serif;
+	padding: 3px 20px;
+	margin: 5px 3px 5px 3px;
+	position: relative;
+	z-index: 20;
+	display: block;
+	height: 20px;
+	cursor: pointer;
+	color: rgb(20, 1, 1);
+	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
+	line-height: 20px;
+	font-size: 15px;
+	background: #ffffff;
+	background: -moz-linear-gradient(top, #ffffff 1%, #dadada 100%);
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#dadada));
+	background: -webkit-linear-gradient(top, #ffffff 1%,#dadada 100%);
+	background: -o-linear-gradient(top, #ffffff 1%,#dadada 100%);
+	background: -ms-linear-gradient(top, #ffffff 1%,#dadada 100%);
+	background: linear-gradient(top, #ffffff 1%,#dadada 100%);
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 );
+	box-shadow: 
+		0px 0px 0px 1px rgba(155,155,155,0.3), 
+		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
+		0px 2px 2px rgba(0,0,0,0.1);
+}
+.ac-container label:hover{
+	background: #fff;
+	
+}
+.ac-container input.menu:checked + label,
+.ac-container input.menu:checked + label:hover{
+	background: #cccccc;
+	color: #222222;
+	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
+	box-shadow: 
+		0px 0px 0px 1px rgba(155,155,155,0.3), 
+		0px 2px 2px rgba(0,0,0,0.1);
+}
+.ac-container label:hover:after,
+.ac-container input.menu:checked + label:hover:after{
+	content: '';
+	position: absolute;
+	width: 24px;
+	height: 24px;
+	right: 13px;
+	top: 7px;
+	background: transparent url(images/arrow_down.png) no-repeat center center;	
+}
+.ac-container input.menu:checked + label:hover:after{
+	background-image: url(images/arrow_up.png);
+}
+.ac-container input.menu{
+	display: none;
+}
+.ac-container article{
+	background: rgba(255, 255, 255, 0.5);
+	margin-top: -1px;
+	overflow: hidden;
+	height: 0px;
+	position: relative;
+	
+	z-index: 10;
+
+	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
+	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
+	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
+	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
+	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
+}
+
+.ac-container input.menu:checked ~ article{
+	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
+	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
+	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
+	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
+	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
+	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
+}
+
+.ac-container input.menu:checked ~ article.ac-large{
+	height: auto;
+	max-height : 100px;
+	padding-top: 5px;
+	overflow-y: auto;
+}
+
+.menu-item-radio{
+	font-family: 'Ubuntu-Regular', Arial, sans-serif;
+	font-size: 15px;
+	
+}
+
+.menu-item-checkbox{
+	font-family: 'Ubuntu-Regular', Arial, sans-serif;
+	font-size: 15px;
+	
+}
+
+.bt_delete{
+    position: relative;
+	float: right;
+	background-image: url(../images/delete.png); 
+    background-color: transparent; 
+    background-repeat: no-repeat;  
+    background-position: 0px 0px;  
+    border: none;           
+    cursor: pointer;        
+    height: 16px;   
+    width: 16px;	
+    vertical-align: middle; 
+}
+
+.leaflet-control-layers:hover {
+	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
+	border-radius: 8px;
+    opacity: 0.95;
+	
+}
+
+
+
+