Merge pull request #568 from OnaliyVinukiy/master

Made a glowing effect for the navbar links
QAZIMAAZARSHAD · Oct 11, 2023 · 641cb59 · 641cb59
2 parents 11cc221 + a4419b7
commit 641cb59
Show file tree

Hide file tree

Showing 21 changed files with 179 additions and 79 deletions.
diff --git a/action.html b/action.html
@@ -65,10 +65,14 @@
 }
 .nav-item :hover{
   margin-bottom: 10px;
-  /* background-color: aquamarine; */
-  border-bottom: 3px;
-  border-color: red;
-  border-bottom-style: solid;
+
+
+}
+#header-nav .navbar-nav .nav-item .nav-link:hover {
+  color: red;
+  text-decoration: none; /* Remove underline */
+  transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */
+  text-shadow: 0 0 10px red; /* Add glowing effect */
 }
 </style>
 

diff --git a/anime.html b/anime.html
@@ -91,12 +91,17 @@
             width: 81px;
             height: 52px;
         }
-        .nav-item :hover{
+
+.nav-item :hover{
   margin-bottom: 10px;
-  /* background-color: aquamarine; */
-  border-bottom: 3px;
-  border-color: red;
-  border-bottom-style: solid;
+
+
+}
+#header-nav .navbar-nav .nav-item .nav-link:hover {
+  color: red;
+  text-decoration: none; /* Remove underline */
+  transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */
+  text-shadow: 0 0 10px red; /* Add glowing effect */
 }
 
 

diff --git a/comedy.html b/comedy.html
@@ -59,10 +59,14 @@
 }
 .nav-item :hover{
   margin-bottom: 10px;
-  /* background-color: aquamarine; */
-  border-bottom: 3px;
-  border-color: red;
-  border-bottom-style: solid;
+
+
+}
+#header-nav .navbar-nav .nav-item .nav-link:hover {
+  color: red;
+  text-decoration: none; /* Remove underline */
+  transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */
+  text-shadow: 0 0 10px red; /* Add glowing effect */
 }
 
 </style>

diff --git a/contactus.html b/contactus.html
@@ -39,10 +39,14 @@
     }
     .nav-item :hover{
   margin-bottom: 10px;
-  /* background-color: aquamarine; */
-  border-bottom: 3px;
-  border-color: red;
-  border-bottom-style: solid;
+
+
+}
+#header-nav .navbar-nav .nav-item .nav-link:hover {
+  color: red;
+  text-decoration: none; /* Remove underline */
+  transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */
+  text-shadow: 0 0 10px red; /* Add glowing effect */
 }
     .menu li a:hover {
       color: red !important;

diff --git a/crime.html b/crime.html
@@ -111,10 +111,14 @@
 }
 .nav-item :hover{
   margin-bottom: 10px;
-  /* background-color: aquamarine; */
-  border-bottom: 3px;
-  border-color: red;
-  border-bottom-style: solid;
+
+
+}
+#header-nav .navbar-nav .nav-item .nav-link:hover {
+  color: red;
+  text-decoration: none; /* Remove underline */
+  transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */
+  text-shadow: 0 0 10px red; /* Add glowing effect */
 }
 </style>
 <body>

diff --git a/documentary.html b/documentary.html
@@ -105,10 +105,14 @@
 }
 .nav-item :hover{
   margin-bottom: 10px;
-  /* background-color: aquamarine; */
-  border-bottom: 3px;
-  border-color: red;
-  border-bottom-style: solid;
+
+
+}
+#header-nav .navbar-nav .nav-item .nav-link:hover {
+  color: red;
+  text-decoration: none; /* Remove underline */
+  transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */
+  text-shadow: 0 0 10px red; /* Add glowing effect */
 }
   </style>
 

diff --git a/drama.html b/drama.html
@@ -107,10 +107,14 @@
 }
 .nav-item :hover{
   margin-bottom: 10px;
-  /* background-color: aquamarine; */
-  border-bottom: 3px;
-  border-color: red;
-  border-bottom-style: solid;
+
+
+}
+#header-nav .navbar-nav .nav-item .nav-link:hover {
+  color: red;
+  text-decoration: none; /* Remove underline */
+  transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */
+  text-shadow: 0 0 10px red; /* Add glowing effect */
 }
 </style>
 <body>

diff --git a/fantasy.html b/fantasy.html
@@ -107,10 +107,14 @@
 }
 .nav-item :hover{
   margin-bottom: 10px;
-  /* background-color: aquamarine; */
-  border-bottom: 3px;
-  border-color: red;
-  border-bottom-style: solid;
+
+
+}
+#header-nav .navbar-nav .nav-item .nav-link:hover {
+  color: red;
+  text-decoration: none; /* Remove underline */
+  transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */
+  text-shadow: 0 0 10px red; /* Add glowing effect */
 }
 </style>
 

diff --git a/faq.html b/faq.html
@@ -26,6 +26,19 @@
   <link rel="stylesheet" href="static/style-min.css">
   <link rel="stylesheet" href="cards.css">
   <link rel="stylesheet" href="footer.css">
+  <style>
+    .nav-item :hover{
+  margin-bottom: 10px;
+
+
+}
+#header-nav .navbar-nav .nav-item .nav-link:hover {
+  color: red;
+  text-decoration: none; /* Remove underline */
+  transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */
+  text-shadow: 0 0 10px red; /* Add glowing effect */
+}
+  </style>
 
 </head>
 <body>

diff --git a/home.html b/home.html
@@ -83,14 +83,15 @@
 }
 .nav-item :hover{
   margin-bottom: 10px;
-  /* background-color: aquamarine; */
-  border-bottom: 3px;
-  border-color: red;
-  border-bottom-style: solid;
+
+
 }
 
-#header-nav .nav-link a:hover{
+#header-nav .navbar-nav .nav-item .nav-link:hover {
   color: red;
+  text-decoration: none; /* Remove underline */
+  transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */
+  text-shadow: 0 0 10px red; /* Add glowing effect */
 }
 </style>
 <script>

diff --git a/horror.html b/horror.html
@@ -108,10 +108,14 @@
 }
 .nav-item :hover{
   margin-bottom: 10px;
-  /* background-color: aquamarine; */
-  border-bottom: 3px;
-  border-color: red;
-  border-bottom-style: solid;
+
+
+}
+#header-nav .navbar-nav .nav-item .nav-link:hover {
+  color: red;
+  text-decoration: none; /* Remove underline */
+  transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */
+  text-shadow: 0 0 10px red; /* Add glowing effect */
 }
 </style>
 

diff --git a/kids.html b/kids.html
@@ -52,12 +52,16 @@
   color:red;
   }
 
- .nav-item :hover{
+  .nav-item :hover{
   margin-bottom: 10px;
-  /* background-color: aquamarine; */
-  border-bottom: 3px;
-  border-color: red;
-  border-bottom-style: solid;
+
+
+}
+#header-nav .navbar-nav .nav-item .nav-link:hover {
+  color: red;
+  text-decoration: none; /* Remove underline */
+  transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */
+  text-shadow: 0 0 10px red; /* Add glowing effect */
 }
   .scroll-bar {
   height: auto;
@@ -109,6 +113,7 @@
 
 
 }
+
     @media only screen and (max-width: 1400px){
   #header-nav .nav-link {
     color: white;

diff --git a/movies.html b/movies.html
@@ -61,10 +61,14 @@
 
 .nav-item :hover{
   margin-bottom: 10px;
-  /* background-color: aquamarine; */
-  border-bottom: 3px;
-  border-color: red;
-  border-bottom-style: solid;
+
+
+}
+#header-nav .navbar-nav .nav-item .nav-link:hover {
+  color: red;
+  text-decoration: none; /* Remove underline */
+  transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */
+  text-shadow: 0 0 10px red; /* Add glowing effect */
 }
 
     .logo {

diff --git a/news.html b/news.html
@@ -76,6 +76,18 @@
     background-color: white;
     color: red;
   }
+
+  .nav-item :hover{
+  margin-bottom: 10px;
+
+
+}
+#header-nav .navbar-nav .nav-item .nav-link:hover {
+  color: red;
+  text-decoration: none; /* Remove underline */
+  transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */
+  text-shadow: 0 0 10px red; /* Add glowing effect */
+}
 </style>
 <body>
     <nav class="navbar navbar-expand-lg navbar-light bg-dark" id="header-nav">

diff --git a/popular.html b/popular.html
@@ -111,10 +111,14 @@
 }
 .nav-item :hover{
   margin-bottom: 10px;
-  /* background-color: aquamarine; */
-  border-bottom: 3px;
-  border-color: red;
-  border-bottom-style: solid;
+
+
+}
+#header-nav .navbar-nav .nav-item .nav-link:hover {
+  color: red;
+  text-decoration: none; /* Remove underline */
+  transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */
+  text-shadow: 0 0 10px red; /* Add glowing effect */
 }
 </style>
 

diff --git a/premium.html b/premium.html
@@ -93,10 +93,14 @@
 }
 .nav-item :hover{
   margin-bottom: 10px;
-  /* background-color: aquamarine; */
-  border-bottom: 3px;
-  border-color: red;
-  border-bottom-style: solid;
+
+
+}
+#header-nav .navbar-nav .nav-item .nav-link:hover {
+  color: red;
+  text-decoration: none; /* Remove underline */
+  transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */
+  text-shadow: 0 0 10px red; /* Add glowing effect */
 }
 .footer-heading{
 color:white;

diff --git a/romance.html b/romance.html
@@ -59,10 +59,14 @@
 }
 .nav-item :hover{
   margin-bottom: 10px;
-  /* background-color: aquamarine; */
-  border-bottom: 3px;
-  border-color: red;
-  border-bottom-style: solid;
+
+
+}
+#header-nav .navbar-nav .nav-item .nav-link:hover {
+  color: red;
+  text-decoration: none; /* Remove underline */
+  transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */
+  text-shadow: 0 0 10px red; /* Add glowing effect */
 }
 </style>
 

diff --git a/suspense.html b/suspense.html
@@ -60,10 +60,14 @@
 }
 .nav-item :hover{
   margin-bottom: 10px;
-  /* background-color: aquamarine; */
-  border-bottom: 3px;
-  border-color: red;
-  border-bottom-style: solid;
+
+
+}
+#header-nav .navbar-nav .nav-item .nav-link:hover {
+  color: red;
+  text-decoration: none; /* Remove underline */
+  transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */
+  text-shadow: 0 0 10px red; /* Add glowing effect */
 }
 
 </style>

diff --git a/tv.html b/tv.html
@@ -50,10 +50,14 @@
   }
   .nav-item :hover{
   margin-bottom: 10px;
-  /* background-color: aquamarine; */
-  border-bottom: 3px;
-  border-color: red;
-  border-bottom-style: solid;
+
+
+}
+#header-nav .navbar-nav .nav-item .nav-link:hover {
+  color: red;
+  text-decoration: none; /* Remove underline */
+  transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */
+  text-shadow: 0 0 10px red; /* Add glowing effect */
 }
   .flim{
     text-align: left;

diff --git a/war.html b/war.html
@@ -59,10 +59,14 @@
 }
 .nav-item :hover{
   margin-bottom: 10px;
-  /* background-color: aquamarine; */
-  border-bottom: 3px;
-  border-color: red;
-  border-bottom-style: solid;
+
+
+}
+#header-nav .navbar-nav .nav-item .nav-link:hover {
+  color: red;
+  text-decoration: none; /* Remove underline */
+  transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */
+  text-shadow: 0 0 10px red; /* Add glowing effect */
 }
 
 </style>