টেমপ্লেট:Bhikitia:Main Page/styles.css: সংশোধিত সংস্করণের মধ্যে পার্থক্য

২১:০৯, ২৮ নভেম্বর ২০২৪ তারিখে সংশোধিত সংস্করণ

/* Main panel styling */
.bh-panel {
    width: 100%;
    margin-bottom: 1.5em;
    border: 1px solid #d1d1e0; /* Light gray border */
    background-color: #f5f5fa; /* Soft off-white background */
    border-radius: 8px; /* Rounded corners for a modern look */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

/* Subpanel styling */
.bh-subpanel {
    padding: 1.5em;
    border-bottom: 1px solid #e0e0eb; /* Slightly darker border for separation */
}

/* Remove border from the last subpanel in each panel */
.bh-panel > .bh-subpanel:last-child {
    border-bottom: none;
}

/* Centered text alignment for specific subpanels */
.bh-left.center {
    text-align: center;
}

/* Header styles */
.bh-subpanel h1, .bh-subpanel h2 {
    color: #4a4a8c; /* Deep blue for headers */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Clean sans-serif font */
}

/* Link styles */
.bh-subpanel a {
    color: #0066cc; /* Bright blue for links */
    text-decoration: none; /* Remove underline for a cleaner look */
}

.bh-subpanel a:hover {
    text-decoration: underline; /* Underline on hover for clarity */
}

/* Search box styling */
#MP {
    width: 100%;
    padding: 0.6em;
    border: 1px solid #ccccff; /* Light blue border */
    border-radius: 4px; /* Slightly rounded corners */
    font-size: 1em;
    margin-top: 0.5em;
}

/* Button styling */
input[type="submit"] {
    background-color: #4a4a8c; /* Deep blue background */
    color: white;
    padding: 0.6em 1.2em;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
}

input[type="submit"]:hover {
    background-color: #3b3b70; /* Darker blue on hover */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .bh-panel {
        margin-bottom: 1em;
    }
    .bh-subpanel {
        padding: 1em;
    }
    .bh-subpanel h1, .bh-subpanel h2 {
        font-size: 1.2em;
    }
}

@@ ১ নং লাইন: / ১ নং লাইন: @@
-.mp-panel {
+/* Main panel styling */
-	width: 100%;
+.bh-panel {
-	height: auto;
+    width: 100%;
-	border: 1px solid #88A;
+    margin-bottom: 1.5em;
-	background-color: #ACF;
+    border: 1px solid #d1d1e0; /* Light gray border */
-	vertical-align: top;
+    background-color: #f5f5fa; /* Soft off-white background */
-	margin: 0em 0em 0.5em 0em;
+    border-radius: 8px; /* Rounded corners for a modern look */
-	border-spacing: 0.6em;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
 }
-.mp-panel h1 {
+/* Subpanel styling */
-	font-size: 230%;
+.bh-subpanel {
-	font-family: 'hoefler text','times new roman', serif;
+    padding: 1.5em;
-	font-variant: small-caps;
+    border-bottom: 1px solid #e0e0eb; /* Slightly darker border for separation */
-	border: none;
-	margin: 0;
-	padding: 5pt
 }
-.mp-panel h2 {
+/* Remove border from the last subpanel in each panel */
-	text-align: left;
+.bh-panel > .bh-subpanel:last-child {
-	font-size: 1.2em;
+    border-bottom: none;
-	margin: 4px 0;
-	padding: 1.5px 0 2px 4px;
-	background: #F0F0F0 url('https://upload.wikimedia.org/wikipedia/commons/1/1b/Wikibar2.png') right no-repeat;
-	background-size: auto 100%;
-	font-weight: bold;
-	border: 1px solid #AAA;
-	text-align: left;
-	color: #000;
-	display: block !important;
 }
-.mp-panel h2 span {
+/* Centered text alignment for specific subpanels */
-	display: inline !important;
+.bh-left.center {
+    text-align: center;
 }
-.mp-subpanel {
+/* Header styles */
-	vertical-align: top;
+.bh-subpanel h1, .bh-subpanel h2 {
-	color: #000;
+    color: #4a4a8c; /* Deep blue for headers */
-	border: 3px double #AAA;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Clean sans-serif font */
-	background-color: #ffffff;
-	padding: 0.5em;
-	margin: 0;
-	width: 100%;
 }
-.mp-left {
+/* Link styles */
-	width: 55%;
+.bh-subpanel a {
+    color: #0066cc; /* Bright blue for links */
+    text-decoration: none; /* Remove underline for a cleaner look */
 }
-.mp-right {
+.bh-subpanel a:hover {
-	width: 45%;
+    text-decoration: underline; /* Underline on hover for clarity */
 }
-#EnWpMpBook2 {
+/* Search box styling */
-	padding: 1em 0 .6em;
+#MP {
+    width: 100%;
+    padding: 0.6em;
+    border: 1px solid #ccccff; /* Light blue border */
+    border-radius: 4px; /* Slightly rounded corners */
+    font-size: 1em;
+    margin-top: 0.5em;
 }
-body.skin-minerva table {
+/* Button styling */
-	border-collapse: separate !important;
+input[type="submit"] {
+    background-color: #4a4a8c; /* Deep blue background */
+    color: white;
+    padding: 0.6em 1.2em;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 1em;
 }
-@media screen and ( max-width: 720px ) {
+input[type="submit"]:hover {
-     body.skin-minerva td,
+    background-color: #3b3b70; /* Darker blue on hover */
-    body.skin-minerva tr,
+}
-    body.skin-minerva tbody,
-    body.skin-minerva table {
+/* Responsive adjustments */
-         display: block;
+@media (max-width: 768px) {
-        width: 100% !important;
+     .bh-panel {
-        box-sizing: border-box;
+         margin-bottom: 1em;
      }
+     .bh-subpanel {
-    #mf-projs td:not(:only-child) {
+        padding: 1em;
-    	display: inline-block;
-    	width: 40% !important;
-    	padding: 5px 0;
      }
-     #mf-projs td:nth-child(even) {
+     .bh-subpanel h1, .bh-subpanel h2 {
-    	width: 50% !important;
+        font-size: 1.2em;
      }
-	#mf-projs td.empty {
-		display: none !important;
-	}
-	#mf-know td:last-child tr {
-		display: flex;
-		flex-direction: column-reverse;
-	}
-	#mf-know {
-		text-align: center;
-	}
-	#mf-know table {
-		margin: 0;
-	}
-	#mf-know td {
-		padding: 0 !important;
-	}
-	#mf-know td tr {
-		padding: 1em 0;
-	}
 }