ढाँचा:प्रमुख लेख/styles.css

/* {{pp|small=y}} */
.wp-fa-about,
.wp-fa-nav {
	padding: 1em;
	border: 1px solid #A3B1BF;
	background-color: #E6F2FF;
	margin: 1px 0;
}

.wp-fa-about-title {
	font-size: 16pt;
}

.wp-fa-toc {
	padding: 1em;
	border: 1px solid #A3B1BF;
	background-color: #D8E4F2;
	margin: 1px 0;
}

.wp-fa-toc-title {
	font-size: 14pt;
	text-align: center;
}

.wp-fa-toc-toc {
	font-size: 11pt;
	text-align: center;
}

.wp-fa-toc-random,
.wp-fa-toc-tfa {
	font-weight: bold;
}

.wp-fa-contents {
	margin: 1px 0;
	padding: 1em;
	border: 1px solid #A3B1BF;
	background-color: #F1F6FB;
}

@media (min-width: 720px) {
	.wp-fa-about-nav {
		display: flex;
	}

	.wp-fa-about {
		flex: 1 1 60%;
		margin-right: 2px; /* would like to use flex gap in some later future */
	}
	
	.wp-fa-nav {
		flex: 1 1 40%;
		margin-left: 2px;
	}
	
	.wp-fa-toc {
		margin: 1px 1px 2px;
	}
	
	.wp-fa-contents {
		margin: 1px;
	}
}