Update styles.css

updated styles
BearyNatural · Jan 6, 2025 · 5142852 · 5142852
1 parent 056289b
commit 5142852
Showing 1 changed file with 32 additions and 2 deletions.
diff --git a/articles/styles.css b/articles/styles.css
@@ -1,16 +1,36 @@
+/* General Styles */
 body {
     font-family: Sans-Serif;
     margin: 0;
     padding: 0;
     background-color: #f4f4f4;
 }
 
+/* Back Button Styles */
+.back-button {
+    background-color: #c5e8ed;
+    padding: 10px;
+    text-align: right;
+}
+
+.back-button a {
+    text-decoration: none;
+    color: black;
+    font-size: 15px;
+}
+
+.back-button a:hover {
+    color: #0073e6;
+}
+
+/* Container Layout */
 .container {
     display: flex;
     flex-direction: row;
     min-height: 100vh;
 }
 
+/* Header Styles */
 header {
     text-align: center;
     padding: 20px;
@@ -23,12 +43,16 @@ header h1 {
     font-size: 2em;
 }
 
+/* Search Bar Styles */
 .search-bar {
     padding: 20px;
     background-color: #e4f1f7;
     width: 25%;
-    display: flex;
-    flex-direction: column;
+    display: none; /* Initially hidden */
+    position: absolute;
+    top: 0;
+    right: 0;
+    height: 100%;
 }
 
 .search-bar input {
@@ -39,6 +63,12 @@ header h1 {
     border-radius: 5px;
 }
 
+/* Show search bar on hover */
+.container:hover .search-bar {
+    display: block;
+}
+
+/* Main Content */
 main {
     padding: 20px;
     width: 75%;