টেমপ্লেট: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;
    }
}