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

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

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

/* 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 */
}

/* Header Subtitle Styling */
.bh-header p {
    font-family: 'Arial', sans-serif; /* Clean sans-serif font for subtitles */
    font-size: 1.2em; /* Slightly smaller font for readability */
    color: #333; /* Neutral dark gray for text */
    margin: 0.5em 0; /* Space between paragraphs */
}

/* 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 */
}

/* General Panel Styling for Other Sections */
.bh-panel {
    width: 100%;
    margin-bottom: 0; /* Remove gap between panels */
    border: 2px solid #a2a9b1; /* Borders for panels */
    background-color: #ffffff; /* White background */
    border-radius: 0; /* Remove rounded corners for a seamless connection */
}

/* Text and Links for Panels */
.bh-panel h2 {
    font-family: 'Georgia', 'Times New Roman', serif;
    font-size: 2.2em;
    color: #202122;
    margin-bottom: 1em;
    text-align: center;
    border-bottom: 2px solid #a2a9b1; /* Underline effect */
    padding-bottom: 0.2em;
}

.bh-panel p,
.bh-panel ul {
    font-family: 'Arial', sans-serif;
    font-size: 1.1em;
    line-height: 1.6em;
    margin: 1em 0;
    color: #333;
}

.bh-panel a {
    color: #0066cc;
    text-decoration: none;
}

.bh-panel a:hover {
    text-decoration: underline;
}