Update static/style.css

static/style.css

@@ -41,7 +41,7 @@ body{
 }
 #refreshAPIbutton:hover{
   box-shadow: 0 0 8px 2px  #003CFF;
-  /* color:black; */
+  color:black;
 }
 
 #refreshDropboxButtonID{
@@ -62,6 +62,10 @@ body{
   height: 25px;
   /* display: inline-block; */
 }
+#refreshDropboxButtonID:hover{
+ box-shadow: 0 0 8px 2px  #1680c7;
+  color:black;
+}
 #pdfFrame {
   margin-top: 45px;
   position: absolute; /* Fixed positioning to keep it at the top-right corner */
@@ -120,10 +124,6 @@ body{
   opacity: 1;
 }
 /***************************************/
-#LegendHist{
-  margin-left: 25px;
-}
-
 #rightside {
     margin-left: 430px;
     margin-right: 5px;
@@ -164,16 +164,7 @@ body{
     position: fixed;
     z-index:999
   }
-#measureselectid,#relvselectid {
 
-  width: 51ch;
-  font-size: 13px;
-  resize: auto;
-  background-color: #fff;
-  border-radius: 0 0 3px 3px;
-  border: 2px solid  #6e6e6e;
- 
-}
 
 #measureselectid :hover,#relvselectid :hover{
   background-color: gray;
@@ -218,12 +209,45 @@ body{
     font-size: 12;
     cursor: pointer;
     max-width: 50%;
-
-}
+  
+  }
 #tomeasurediv, #relvDocdiv{
   margin-top: 7px;
+  
+}
+#measureContainer , #relvselectid {
+  font-family: "acumin-pro", sans-serif;
+  font-style: normal;
+  font-size: 13.5px;
+  border: 2px solid #0b02026e;
+  padding: 5px;
+  margin-left:-7px;
+  border-radius:3px;
+  width: 372px;
+  height: 90px;
+  overflow-y: auto; /* Enable vertical scrolling */
+  overflow: auto; /* Enable scrolling if needed */
+  resize: both; /* Allows dragging from bottom-right */
+  background-color: white;
+}
+.measure-item,.relv-item {
+  align-items: center;
+  cursor: pointer;
+}
+.measure-item:hover{
+   background-color: #8be6f642;
+    
+}
+#relvselectid .relv-item:hover ,#relvselectid .relv-item label:hover {
+  background-color: #8be6f642;
+  color:black;
 }
 
+
+.measure-item input , .relv-item input{
+  margin-right: 3px;
+  margin-top:5px;
+}
 #pdftodxfFileButton{
   background-color: #1645c7;
   border: none;
@@ -239,6 +263,11 @@ body{
   display:inline-block;
   margin-left: -7px;
 }
+#pdftodxfFileButton:hover{
+  color:black;
+  box-shadow: 0 0 8px 2px #1645c7; 
+}
+
 input[type="file"]::-webkit-file-upload-button{
   display:none;
 }
@@ -280,6 +309,10 @@ input[type="file"]::-webkit-file-upload-button{
 
 }
 
+#popupforextratext:hover{
+  box-shadow: 0 0 8px 2px  #b216c7;
+  color:black;
+}
 
 .measureADRbutton2{
   border: none;
@@ -360,22 +393,22 @@ input[type="file"]::-webkit-file-upload-button{
   font-family: "acumin-pro", sans-serif;
 }
 #modalColIndex{
-  margin-left: 3px;
+  margin-left: 0px;
   font-size: 13px;
   font-family: "acumin-pro", sans-serif;
 }
 #modalColumn{
-  margin-left: 7px;
+  margin-left: 3px;
   font-size: 13px;
   font-family: "acumin-pro", sans-serif;
 }
 #modalKeyword{
-  margin-left:  67px;
+  margin-left: 71px;
   font-size: 13px;
   font-family: "acumin-pro", sans-serif;
 }
 #modalCharacter{
-  margin-left:  25px;
+  margin-left: 24px;
   font-size: 13px;
   font-family: "acumin-pro", sans-serif;
 }
@@ -406,6 +439,7 @@ input[type="file"]::-webkit-file-upload-button{
     /* width: 31.5%; */
     height: 33px;
     border-radius: 1px;
+  border-color:#646060;
     margin-bottom: 3px;
     margin-right: 0.2%;
     font-family: "acumin-pro", sans-serif;
@@ -464,6 +498,9 @@ input[type="file"]::-webkit-file-upload-button{
   left: 50%;
   transform: translate(-50%, -50%);
 }
+.addmctnameclassExtra:hover{
+   box-shadow: 0 0 8px 2px  #2f83c6;
+}
 .deletemctnameclassExtra{
   width: 15px;
   height: 15px;
@@ -475,6 +512,9 @@ input[type="file"]::-webkit-file-upload-button{
   margin-top: 10px;
   margin-left: 44px;
 }
+.deletemctnameclassExtra:hover{
+   box-shadow: 0 0 8px 2px  #f32b2b;
+}
 .deletemctnameclassExtra::before {
   content: "";
   width: 28px; /* Square background */
@@ -553,7 +593,7 @@ cursor: pointer;
     /* text-align: right; */
     text-align: right;
     
-    
+        border-color: #646060;
 }
 
 #areadiv, #prmdiv{
@@ -570,6 +610,8 @@ cursor: pointer;
   border-radius: 3px;
   cursor: pointer;
   color: black;
+  border-color: #646060;
+  border-width:1.8px;
 }
 #levelcheckbox{
  
@@ -836,4 +878,37 @@ cursor: pointer;
 #measureitemsid:hover{
   box-shadow: 4px 4px 4px gray;
 }
+#progressBar {
+  width: 99.5%; /* Reduced width */
+  height: 20px;
+  background-color: #d2e8d8;
+  border-radius: 4px;
+  overflow: hidden;
+  position: absolute;
+  margin-left:4px;
+  margin-right:10px;
+  margin-top:8px; 
+  display: none;
+}
 
+#progress {
+  height: 100%;
+  width: 0%;
+  background-color:  #16c72e;
+  text-align: center;
+  line-height: 20px;
+  color: white;
+  font-weight: bold;
+  transition: width 0.2s ease-in-out;
+    box-shadow: 0 0 15px #4caf50; /* Glowing effect */
+    animation: glow 1s infinite alternate;
+}
+
+@keyframes glow {
+    from {
+        box-shadow: 0 0 15px #4caf50;
+    }
+    to {
+        box-shadow: 0 0 25px #4caf50, 0 0 50px #4caf50;
+    }
+}