Template:Wn/bn/প্রধান পাতা/শৈলী.css

/* {{Wn/bn/শৈলী পৃষ্ঠা}} */
/* Apply a common style to elements with background white */

.main_table_upper, .main_table_lower {
    width: 100%;
    background: white;
    padding: 0;
}

.main_table_upper {
    vertical-align: top;
    margin-top: .5em;
}

.main_table_lower {
    vertical-align: bottom;
    margin-top: .5em;
}

.main-header {
    vertical-align: top;
    width: 100%;
}

.main_section {
	display: flex;
	flex-direction: row;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 0;
	margin: 0 -5px 0 -5px;
}

.main_box {
	flex: 1;
	margin: 5px;
	min-width: 240px;
	background: #fff; 
	border: 1px solid #c8ccd1;
	border-radius: 0; 
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); 
}

.lead_big, .latest_news, .lead_normal, .portal_box, .news_compilation, .featured_contant, .main_write, .main_about, .main_epithet {
    vertical-align: top;
    padding: 2px;
    padding-bottom: 4px;
}

.news_compilation {
	min-width: 64%;
}

.lead_big {
    width: 65%;
}

.latest_news {
    width: 35%;
    padding-right: 1px;
}

.lead_normal {
	padding: 3px 6px 3px 6px;
    border-top: 1px solid #c8ccd1;
    width: 32.5%;
}

.portal_box {
    padding-top: 6px;
}

.main_write, .main_about, .main_epithet {
    width: 33.333%;
}

/* Add a class for larger headings */
.minihead {
    font-size: 120%;
    font-weight: bold;
}

/* Media query for responsive design */
@media screen and ( max-width: 720px ) {
    body.skin-minerva td,
    body.skin-minerva .mp-column,
    body.skin-minerva tr,
    body.skin-minerva tbody,
    body.skin-minerva table {
        display: block !important;
        float: none !important;
        width: 100% !important;
        box-sizing: border-box;
    }
}

@media only screen and (max-width: 390px) {
	.nomobile {
		display: none !important;
	}
}
@media only screen and (min-width: 391px) {
	.mobile-only {
		display: none !important;
	}
}