update

amx-project · Sep 29, 2024 · 68bf349 · 68bf349
1 parent 7584b42
commit 68bf349
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 81 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -12,7 +12,7 @@
 <script src="https://unpkg.com/[email protected]/dist/index.js"></script>
 <script src="addSources_003.js"></script>
 <script src="addLayers_003.js"></script>
-<link href="style_002.css" rel="stylesheet" />
+<link href="style.css" rel="stylesheet" />
 </head>
 <body>
 <div id="map"></div>

diff --git a/docs/style_002.css → docs/style.css b/docs/style_002.css → docs/style.css
@@ -1,46 +1,11 @@
-body {
-    margin: 0;
-    padding: 0;
-}
-
-a {
-	color: navy;
-}
-
-a:visited{
-	color: navy;
-}
-
-#map {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    width: 100%;
-    z-index: 0;
-}
-
-/*Class（指）*/
-.yubi {
-  cursor : pointer;
-}
-
-/*Class（いいね！）*/
-.nice {
-  cursor : pointer;
-  color: blue;
-}
-
-.red {
-  color: red;
-}
-
-.blue {
-  color: blue;
-}
-
-
-
-/*トップ（左上）*/
+body { margin: 0; padding: 0; }
+a {	color: navy; }
+a:visited {	color: navy; }
+#map { position: absolute; top: 0; bottom: 0; width: 100%; z-index: 0; }
+.yubi { cursor : pointer; }
+.nice { cursor : pointer; color: blue; }
+.red { color: red; }
+.blue { color: blue; }
 #info01 {
 	padding: 6px 8px;
 	font: 10px/12px Arial, Helvetica, sans-serif;
@@ -54,7 +19,6 @@ a:visited{
 	left: 10px;
 	z-index: 10;
 }
-
 #info02 {
 	padding: 6px 8px;
 	font: 10px/12px Arial, Helvetica, sans-serif;
@@ -69,8 +33,6 @@ a:visited{
 	left: 10px;
 	z-index: 30;
 }
-
-/*ボトム（左下）*/
 #info03 {
 	padding: 6px 8px;
 	font: 12px/14px Arial, Helvetica, sans-serif;
@@ -83,9 +45,6 @@ a:visited{
 	bottom: 0; 
 	z-index: 10;
 }
-
-
-
 .maplibregl-popup .maplibregl-popup-content{
 	padding: 8px 10px;
 	font: 12px/14px Arial, Helvetica, sans-serif;
@@ -95,7 +54,6 @@ a:visited{
 	border-radius: 5px;
 	width: fit-content;
 }
-
 .maplibregl-ctrl-geocoder {
 	font-size: 12px;
 	line-height: 12px;
@@ -109,18 +67,14 @@ a:visited{
 	transition: width 0.25s, min-width 0.25s;
 	box-shadow: 0 0 15px rgba(0,0,0,0.2);
 }
-
 .maplibregl-ctrl-geocoder .suggestions {
-    font-size: 10px;
-  }
-
+  font-size: 10px;
+}
 .select_box {
   height         : 10px;
   line-height    : 14px;
   font-size      : 14px;
 }
-
-/*送信ボタン*/
 #share_info_Button {
   appearance: none;
   border: 0;
@@ -133,16 +87,11 @@ a:visited{
   text-align: center;
   cursor: pointer;
 }
-
-/*送信URL*/
 #db_share_info_URL {
-  margin-top: 2px; /* 下方向に2px移動 */
+  margin-top: 2px;
   width: 180px;
   font-size: 10px;
 }
-
-
-/*削除ボタン*/
 #delete_share_info_Button {
   appearance: none;
   border: 0;
@@ -155,9 +104,6 @@ a:visited{
   text-align: center;
   cursor: pointer;
 }
-
-
-/*モーダルボタン*/
 #myBtn {
   appearance: none;
   border: 0;
@@ -169,44 +115,36 @@ a:visited{
   height:20px;
   text-align: center;
   cursor: pointer;
-  z-index: 5; /*他の要素の上に表示 */
+  z-index: 5;
 }
-
-/*モーダル*/
 .modal {
-  display: none; /* 初期状態では非表示 */
-  position: fixed; /* 画面に固定 */
-  z-index: 50; /*他の要素の上に表示 */
+  display: none;
+  position: fixed;
+  z-index: 50; 
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
-  overflow: auto; /* スクロールバーを表示 */
-  background-color: rgba(0,0,0,0.4); /* 背景を半透明にする */
+  overflow: auto;
+  background-color: rgba(0,0,0,0.4);
 }
-
-
-/*モーダルコンテンツ*/
 .modal-content {
   background-color: #fefefe;
   margin: 5% auto;
   padding: 20px;
   border: 1px solid #888;
   width: 80%;
-  max-width: 500px; /* 最大幅を500pxに制限 */
+  max-width: 500px;
 }
-
 .close {
   color: #aaa;
   float: right;
   font-size: 28px;
   font-weight: bold;
 }
-
 .close:hover,
 .close:focus {
   color: black;
   text-decoration: none;
   cursor: pointer;
 }
-