Template:Main page/styles2.css: Difference between revisions

Revision as of 20:44, 4 April 2024

/* Custom CSS for nature-inspired color scheme */
body {
    background-color: #f5f5dc; /* Beige background */
    color: #006400; /* Dark green text */
}

/* Styling for header */
#header {
    background-color: #556b2f; /* Olive green header */
    color: white; /* White text */
}

/* Styling for content area */
#content {
    background-color: #f0fff0; /* Honeydew content background */
    padding: 20px; /* Add padding for readability */
}

/* Styling for footer */
#footer {
    background-color: #8fbc8f; /* Dark sea green footer */
    color: white; /* White text */
}

@@ Line 1: / Line 1: @@
-/* Hide talk page messages */
+/* Custom CSS for nature-inspired color scheme */
-.ca-talk { display:none!important; }
+body {
+    background-color: #f5f5dc; /* Beige background */
-/* Container for each section */
+    color: #006400; /* Dark green text */
-.mp-box {
-	border: 1px solid #bbb; /* Light gray border */
-	padding: 0 0.5em 0.5em;
-	margin-top: 4px;
-}
-/* Heading style */
-.mp-h2,
-body.skin-timeless .mp-h2 {
-	border: 1px solid #bbb; /* Light gray border */
-	margin: 0.5em 0;
-	padding: 0.2em 0.4em;
-	font-size: 120%;
-	font-weight: bold;
-	font-family: inherit;
-	background-color: #e0e0e0; /* Light gray background */
-}
-/* Clear fix */
-.mp-contains-float::after {
-  content: "";
-  display: block;
-  clear: both;
-}
-/* Left column */
-#mp-left {
-	float: left;
-	width: 48%; /* Adjust as needed */
-	padding-right: 1%; /* Adjust as needed */
-	background-color: #d8e9d8; /* Light green background */
-	border-right: 2px solid #94c594; /* Light green border */
 }
-/* Right column */
+/* Styling for header */
-#mp-right {
+#header {
-	float: right;
+    background-color: #556b2f; /* Olive green header */
-	width: 48%; /* Adjust as needed */
+    color: white; /* White text */
-	padding-left: 1%; /* Adjust as needed */
-	background-color: #cbe2ff; /* Light blue background */
-	border-left: 2px solid #6699ff; /* Light blue border */
 }
-/* Style for headings in left column */
+/* Styling for content area */
-#mp-left .mp-h2 {
+#content {
-	background: #b5d8b5; /* Light green background */
+    background-color: #f0fff0; /* Honeydew content background */
-	border-color: #94c594; /* Light green border */
+    padding: 20px; /* Add padding for readability */
 }
-/* Style for headings in right column */
+/* Styling for footer */
-#mp-right .mp-h2 {
+#footer {
-	background: #99bbff; /* Light blue background */
+    background-color: #8fbc8f; /* Dark sea green footer */
-	border-color: #6699ff; /* Light blue border */
+    color: white; /* White text */
 }