Update home-style.css

Ammoor · Jun 18, 2024 · 43ed379 · 43ed379
1 parent 586bfce
commit 43ed379
Showing 1 changed file with 59 additions and 3 deletions.
diff --git a/Home/CSS/home-style.css b/Home/CSS/home-style.css
@@ -73,12 +73,12 @@ body {
 /* Start header */
 header {
   background-color: black;
+  border: solid 1px black;
   width: 100%;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
-  border-bottom: 1px solid #909090;
   z-index: 999;
   background-attachment: scroll;
 }
@@ -127,10 +127,61 @@ header nav .links li a {
   font-size: 17px;
 }
 header nav .links li a:hover {
-  color: rgb(246, 246, 246);
+  color: antiquewhite;
   transition: 0.3s ease;
 }
 /* end header */
+/* Start audio theme track */
+.audio-theme-track-container {
+  text-align: center;
+  display: none;
+}
+/* End audio theme track */
+/* Start audio-theme-button */
+.audio-theme-button-container {
+  width: 350px;
+  height: 150px;
+  background-color: rgb(0, 0, 0, 35%);
+  position: absolute;
+  top: 530px;
+  z-index: 1;
+}
+.audio-theme-button-container .website-logo {
+  text-align: center;
+  font-size: 30px;
+  font-weight: bold;
+  position: relative;
+  top: 10px;
+}
+.audio-theme-button-container .website-logo a {
+  color: white;
+}
+.audio-theme-button-container .website-logo span {
+  color: #05f7ff;
+}
+.audio-theme-button-container .audio-theme-button {
+  cursor: pointer;
+  border: none;
+  border-radius: 20px;
+  padding: 15px;
+  background-color: yellow;
+  font-weight: bold;
+  position: absolute;
+  top: 95px;
+  left: 20px;
+}
+/* End audio-theme-button */
+/* Start intro video of the website */
+.intro-video-container {
+  position: relative;
+  top: 10px;
+  margin-bottom: 20px;
+  width: 1500px;
+}
+#intro-video {
+  width: inherit;
+}
+/* End intro video of the website */
 .Home-entry {
   margin-bottom: 180px;
   margin-left: 5px;
@@ -200,10 +251,15 @@ header nav .links li a:hover {
   background-color: #fff;
   margin: 20px 0;
   transition: 0.4s ease;
+  border: 1px solid black;
 }
 .latest .card-content {
   margin: 10px 11px;
 }
+.latest .card img {
+  width: 100%;
+  height: 200px;
+}
 .latest .card-content {
   font-size: 22px;
   font-weight: 600;
@@ -306,8 +362,8 @@ header nav .links li a:hover {
 }
 .info .main-info .p .post-content p {
   margin-top: 25px;
-  color: #5c2946;
   font-weight: 550;
+  color: #5c2946;
 }
 .info .main-info .p:hover {
   box-shadow: 1px 1px 8px #3c6060;