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

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

/* Header Styling with Border */
.bh-header {
    width: 100%;
    padding: 1em; /* Adjust padding for better alignment */
    margin-bottom: 1.5em; /* Space below the header */
    border: 3px solid #a2a9b1; /* Solid border for the header */
    background-color: #ffffff; /* White background */
    border-radius: 8px; /* Rounded corners */
    text-align: center; /* Center align text */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

/* Remove Margin from Inner Elements */
.bh-header h1,
.bh-header p {
    margin: 0; /* Reset default margin */
    padding: 0; /* Ensure no extra padding is added */
}

/* Header Title Styling */
.bh-header h1 {
    font-family: 'Georgia', 'Times New Roman', serif; /* Elegant serif font */
    font-size: 2.8em; /* Large font for prominence */
    color: #4a4a8c; /* Deep blue for the title */
    margin-bottom: 0.5em; /* Space below the title */
}

/* Subtitle Text Styling */
.bh-header p {
    font-family: 'Arial', sans-serif; /* Clean sans-serif font for subtitles */
    font-size: 1.2em; /* Slightly smaller font */
    color: #333; /* Neutral dark gray */
    line-height: 1.6; /* Adjust line height for readability */
}

/* Links inside the Header */
.bh-header a {
    color: #0066cc; /* Blue for links */
    text-decoration: none; /* Remove underline */
    font-weight: bold; /* Bold links */
}

.bh-header a:hover {
    text-decoration: underline; /* Underline links on hover */
}