Merge branch 'main' of https://github.com/Talha-ai/Cyberbear.github.io

Vinay-Khanagavi · Oct 18, 2024 · b689669 · b689669
2 parents e45e856 + 83385f7
commit b689669
Show file tree

Hide file tree

Showing 159 changed files with 6,511 additions and 12,526 deletions.
diff --git a/.parcel-cache/03fdd7bbe55239af-AssetGraph-0 b/.parcel-cache/03fdd7bbe55239af-AssetGraph-0
diff --git a/.parcel-cache/data.mdb b/.parcel-cache/data.mdb
diff --git a/.parcel-cache/lock.mdb b/.parcel-cache/lock.mdb
diff --git a/.parcel-cache/requestGraph-543a717d80d45cd0-0 b/.parcel-cache/requestGraph-543a717d80d45cd0-0
diff --git a/.parcel-cache/requestGraph-nodes-0-543a717d80d45cd0-0 b/.parcel-cache/requestGraph-nodes-0-543a717d80d45cd0-0
diff --git a/.parcel-cache/snapshot-543a717d80d45cd0.txt b/.parcel-cache/snapshot-543a717d80d45cd0.txt
diff --git a/css/global.css b/css/global.css
@@ -57,3 +57,54 @@ body {
   --br-81xl: 100px;
   --br-31xl: 50px;
 }
+
+#google_translate_element {
+
+  background-color: #22406e;
+  border: 1px solid #213d67;
+  padding: 10px;
+  border-radius: 5px; 
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+  position: fixed;
+  top: 650px; 
+  left: 20px;
+  z-index: 1000;
+
+}
+
+::-webkit-scrollbar {
+  width: 12px;
+}
+
+::-webkit-scrollbar-track {
+  background: #f1f1f1;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: #888;
+  border-radius: 50px;
+  /* border: 3px solid #f1f1f1; */
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #555;
+}
+
+* {
+  scrollbar-width: thin;
+  scrollbar-color: #888 #234271;
+}
+
+#google_translate_element {
+
+  background-color: #22406e;
+  border: 1px solid #213d67;
+  padding: 10px;
+  border-radius: 5px; 
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+  position: fixed;
+  top: 650px; 
+  left: 20px;
+  z-index: 1000;
+
+}
diff --git a/css/index.css b/css/index.css
@@ -521,53 +521,65 @@
   }
 }
 .kids-icon {
+
   position: fixed;
-  top: 100px;
-  left: 30px;
+  top:  120px;
+  left:  30px;
   width: 45px; /* Adjust size as needed */
-  height: 45px; /* Adjust size as needed */
-  cursor: pointer;
-  z-index: 1000; /* Ensure it is on top of other elements */
+  height:  45px; /* Adjust size as needed */
+  cursor:  pointer;
+  z-index:  1000; /* Ensure it is on top of other elements */
+
 }
 
 .multiplayer-icon {
-  position: fixed;
-  top: 30px;
-  left: 30px;
-  width: 45px; /* Adjust size as needed */
-  height: 45px; /* Adjust size as needed */
-  cursor: pointer;
-  z-index: 1000; /* Ensure it is on top of other elements */
+
+  position:  fixed;
+  top:  50px;
+  left:  30px;
+  width:  45px; /* Adjust size as needed */
+  height:  45px; /* Adjust size as needed */
+  cursor:  pointer;
+  z-index:  1000; /* Ensure it is on top of other elements */
+
 }
+
 .reward-icon {
-  position: fixed;
-  top: 180px;
-  left: 30px;
-  width: 40px; /* Adjust size as needed */
-  height: 40px; /* Adjust size as needed */
-  cursor: pointer;
-  z-index: 1000; /* Ensure it is on top of other elements */
+
+  position:  fixed;
+  top:  200px;
+  left:  30px;
+  width:  40px; /* Adjust size as needed */
+  height:  40px; /* Adjust size as needed */
+  cursor:  pointer;
+  z-index:  1000; /* Ensure it is on top of other elements */
+
 }
 
 .video-icon {
-  position: fixed;
-  top: 250px;
-  left: 30px;
-  width: 40px; /* Adjust size as needed */
-  height: 40px; /* Adjust size as needed */
+
+  position:  fixed;
+  top:  270px;
+  left:  30px;
+  width:  40px; /* Adjust size as needed */
+  height:  40px; /* Adjust size as needed */
   cursor: pointer;
-  z-index: 1000; /* Ensure it is on top of other elements */
+  z-index:  1000; /* Ensure it is on top of other elements */
+
 }
 
 .music-icon {
-  position: fixed;
-  top: 20px;
-  right: 20px;
-  width: 40px; /* Adjust size as needed */
-  height: 40px; /* Adjust size as needed */
-  cursor: pointer;
-  z-index: 1000; /* Ensure it is on top of other elements */
+
+  position:  fixed;
+  top:  50px;
+  right:  20px;
+  width:  40px; /* Adjust size as needed */
+  height:  40px; /* Adjust size as needed */
+  cursor:  pointer;
+  z-index:  1000; /* Ensure it is on top of other elements */
+
 }
+
 .music-icon:hover {
   opacity: 0.7; /* Change opacity on hover for better UX */
 }
@@ -581,17 +593,32 @@
     100% { transform: translate(0, 0); }
   }
 
-  .scroll_top{
-    position: fixed;
-    right: 90px;
-    bottom: 20px;
-    cursor: pointer;
-  }
+.scroll_top {
+  position: fixed;
+  right: 90px;
+  bottom: 20px;
+  cursor: pointer;
+  border-radius: 50%;
+  width: 50px;
+  /* Define a fixed size for the button */
+  height: 50px;
+  /* Ensure it's square */
+  overflow: hidden;
+  /* Ensure the image doesn't overflow */
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
 
-  #to_top{
-    width: 40px;
-    height: auto;
-  }
+#to_top {
+  width: 100%;
+  /* Make the image take full width of the button */
+  height: 100%;
+  /* Ensure it covers the full height */
+  object-fit: cover;
+  /* Ensures the image scales while maintaining aspect ratio */
+  border-radius: 50%;
+}
 
   body {
     font-family: 'Poppins', sans-serif;