format(css)

style.css

@@ -1,276 +1,216 @@
-
-/* :root {
-    --user-image: url('https://ih1.redbubble.net/image.4776899543.6215/st,small,507x507-pad,600x600,f8f8f8.jpg');
-  } */
-
 .warning-box {
-    background-color: #fff3cd;
-    border: 1px solid #ffeeba;
-    border-radius: 4px;
-    padding: 15px 20px;
-    font-size: 14px;
-    color: #856404;
-    display: inline-block;
-    margin-bottom: 15px;
-  }
-
+  background-color: #fff3cd;
+  border: 1px solid #ffeeba;
+  border-radius: 4px;
+  padding: 15px 20px;
+  font-size: 14px;
+  color: #856404;
+  display: inline-block;
+  margin-bottom: 15px;
+}
 
 .tip-box {
-    background-color: #f0f9ff;
-    border: 1px solid #80d4fa;
-    border-radius: 4px;
-    margin-top:20px;
-    padding: 15px 20px;
-    font-size: 14px;
-    display: inline-block;
-    margin-bottom: 15px;
-    width: auto;
-    color:black !important;
+  background-color: #f0f9ff;
+  border: 1px solid #80d4fa;
+  border-radius: 4px;
+  margin-top: 20px;
+  padding: 15px 20px;
+  font-size: 14px;
+  display: inline-block;
+  margin-bottom: 15px;
+  width: auto;
+  color: black !important;
 }
 
 body.dark .warning-box * {
-    color:black !important;
+  color: black !important;
 }
 
-
 body.dark .tip-box * {
-    color:black !important;
+  color: black !important;
 }
 
-
 .tip-box-title {
-    font-weight: bold;
-    font-size: 14px;
-    margin-bottom: 5px;
+  font-weight: bold;
+  font-size: 14px;
+  margin-bottom: 5px;
 }
 
 .light-bulb {
-    display: inline;
-    margin-right: 5px;
+  display: inline;
+  margin-right: 5px;
 }
 
-.gr-box {border-color: #d6c37c}
-
-#hidden-message{
-    display:none;
+.gr-box {
+  border-color: #d6c37c;
 }
 
-.message{
-    font-size:14px !important;
+#hidden-message {
+  display: none;
 }
 
+.message {
+  font-size: 14px !important;
+}
 
 a {
-    text-decoration: none;
-    color: inherit;
+  text-decoration: none;
+  color: inherit;
 }
 
 .card {
-    background-color: white;
-    border-radius: 10px;
-    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    margin:20px;
+  background-color: white;
+  border-radius: 10px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  margin: 20px;
 }
 
 .card-content {
-    padding: 20px;
+  padding: 20px;
 }
 
 .card-content h2 {
-    font-size: 14px !important;
-    font-weight: bold;
-    margin-bottom: 10px;
-    margin-top:0px !important;
-    color:#dc2626!important;;
+  font-size: 14px !important;
+  font-weight: bold;
+  margin-bottom: 10px;
+  margin-top: 0px !important;
+  color: #dc2626 !important;
 }
 
 .card-content p {
-    font-size: 12px;
-    margin-bottom: 0;
+  font-size: 12px;
+  margin-bottom: 0;
 }
 
 .card-footer {
-    background-color: #f4f4f4;
-    font-size: 10px;
-    padding: 10px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
+  background-color: #f4f4f4;
+  font-size: 10px;
+  padding: 10px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
 
 .card-footer span {
-    flex-grow: 1;
-    text-align: left;
-    color: #999 !important;
+  flex-grow: 1;
+  text-align: left;
+  color: #999 !important;
 }
 
 .pdf-link {
-    display: inline-flex;
-    align-items: center;
-    margin-left: auto;
-    text-decoration: none!important;
-    font-size: 14px;
+  display: inline-flex;
+  align-items: center;
+  margin-left: auto;
+  text-decoration: none !important;
+  font-size: 14px;
 }
 
-
-
-.message.user{
-    /* background-color:#7494b0 !important; */
-    border:none;
-    /* color:white!important; */
-}
-
-.message.bot{
-    /* background-color:#f2f2f7 !important; */
-    border:none;
+.message.user {
+  /* background-color:#7494b0 !important; */
+  border: none;
+  /* color:white!important; */
 }
 
-/* .gallery-item > div:hover{
-    background-color:#7494b0 !important;
-    color:white!important;
+.message.bot {
+  /* background-color:#f2f2f7 !important; */
+  border: none;
 }
 
-.gallery-item:hover{
-    border:#7494b0 !important;
+label.selected {
+  background: none !important;
 }
 
-.gallery-item > div{
-    background-color:white !important;
-    color:#577b9b!important;
+#submit-button {
+  padding: 0px !important;
 }
 
-.label{
-    color:#577b9b!important;
-} */
-
-/* .paginate{
-    color:#577b9b!important;
-} */
-
-
-
-/* span[data-testid="block-info"]{
-    background:none !important;
-    color:#577b9b;
-  } */
-
-/* Pseudo-element for the circularly cropped picture */
-/* .message.bot::before {
-    content: '';
-    position: absolute;
-    top: -10px;
-    left: -10px;
-    width: 30px;
-    height: 30px;
-    background-image: var(--user-image);
-    background-size: cover;
-    background-position: center;
-    border-radius: 50%;
-    z-index: 10;
+@media screen and (min-width: 1024px) {
+  div#tab-examples {
+    height: calc(100vh - 190px) !important;
+    overflow-y: auto;
   }
-   */
 
-label.selected{
-  background:none !important;
-}
+  div#sources-textbox {
+    height: calc(100vh - 190px) !important;
+    overflow-y: auto;
+  }
 
-#submit-button{
-    padding:0px !important;
-}
+  div#chatbot-row {
+    height: calc(100vh - 120px) !important;
+    max-height: 1200px;
+  }
 
+  div#chatbot {
+    height: calc(100vh - 220px) !important;
+    max-height: 1200px;
+  }
 
-@media screen and (min-width: 1024px) {
-    div#tab-examples{
-        height:calc(100vh - 190px) !important;
-        overflow-y: auto;
-    }
-
-    div#sources-textbox{
-        height:calc(100vh - 190px) !important;
-        overflow-y: auto;
-    }
-
-    div#chatbot-row{
-        height:calc(100vh - 120px) !important;
-        max-height: 1200px;
-    }
-
-    div#chatbot{
-        height:calc(100vh - 220px) !important;
-        max-height: 1200px;
-    }
-
-    .max-height{
-        height:calc(100vh - 120px) !important;
-        max-height: 1200px;
-        overflow-y: auto;
-    }
+  .max-height {
+    height: calc(100vh - 120px) !important;
+    max-height: 1200px;
+    overflow-y: auto;
+  }
 }
 
 footer {
-    visibility: hidden;
-    display:none;
+  visibility: hidden;
+  display: none;
 }
 
-
 @media screen and (max-width: 767px) {
-    /* Your mobile-specific styles go here */
-
-    div#chatbot{
-        height:500px !important;
-    }
-
-    #submit-button{
-        padding:0px !important;
-        min-width: 80px;
-    }
-
-    /* This will hide all list items */
-    div.tab-nav button {
-        display: none !important;
-    }
-
-    /* This will show only the first list item */
-    div.tab-nav button:first-child {
-        display: block !important;
-    }
-    
-    /* This will show only the first list item */
-    div.tab-nav button:nth-child(2) {
-        display: block !important;
-    }
-    
-    #right-panel button{
-        display: block !important;
-    }
-
-    /* ... add other mobile-specific styles ... */
-}
+  /* Your mobile-specific styles go here */
+
+  div#chatbot {
+    height: 500px !important;
+  }
 
+  #submit-button {
+    padding: 0px !important;
+    min-width: 80px;
+  }
 
-body.dark .card{
-    background-color: #374151;
+  /* This will hide all list items */
+  div.tab-nav button {
+    display: none !important;
+  }
+
+  /* This will show only the first list item */
+  div.tab-nav button:first-child {
+    display: block !important;
+  }
+
+  /* This will show only the first list item */
+  div.tab-nav button:nth-child(2) {
+    display: block !important;
+  }
+
+  #right-panel button {
+    display: block !important;
+  }
+
+  /* ... add other mobile-specific styles ... */
 }
 
-body.dark .card-content h2{
-    color:#f4dbd3 !important;
+body.dark .card {
+  background-color: #374151;
+}
+
+body.dark .card-content h2 {
+  color: #f4dbd3 !important;
 }
 
 body.dark .card-footer {
-    background-color: #404652;
+  background-color: #404652;
 }
 
 body.dark .card-footer span {
-    color:white !important;
+  color: white !important;
 }
 
-
-.doc-ref{
-    color:#dc2626!important;
-    margin-right:1px;
+.doc-ref {
+  color: #dc2626 !important;
+  margin-right: 1px;
 }
-
-