الگو:صفحهٔ اصلی/styles.css

/* --------------------- Begin Main Page Style ----------------- */
.mainPage {
    display: flex;
    flex-direction: row;
}

.mainRight { 
	display: flex;
	flex-direction: column;
	flex: 75%;
	margin: 6px 4px;
}

.mainLeft { 
	box-shadow: 0 0 0.3rem #999;
	border-radius: 0.2rem;
	padding: 1.2rem;
	flex: 25%;
	margin: 6px 4px;
}

.selectedArticle, .selectedWork, .selectedQuestion { 
	box-shadow: 0 0 0.3rem #999;
	border-radius: 0.2rem;
	padding: 1.2rem;
	margin: 4px 0px;
}

.helpBox{
	line-height: 2em;
	box-shadow: 0 0 0.3rem #999;
	border-radius: 0.2rem;
	padding: 1.2rem;
	margin-bottom: 1.6rem;	
}

.boxHeader { 
	padding: 10px;
	border-radius: 2px;
	margin: 0 0 20px 0;
	box-shadow: 0 0 0.3rem #999;
}

.boxHeader span { 
	padding-right: 45px; 
	font: 1.03em samim; 
	position: relative;
}

.boxTitle {
    padding: 5px;
    border-radius: 2px;
    margin: 15px 0 20px 0;
	border-bottom: solid 0.2rem #bdd8fb;
}

.selectedArticle .boxHeader span:before,.boxHeader span:before,
.selectedWork .boxHeader span:before,.boxHeader span:before,
.selectedQuestion .boxHeader span:before,.boxHeader span:before,
.topArticles .boxHeader span:before, .boxHeader span:before {
    width: 43px;
    height: 43px;
    position: absolute;
    right: -1px;
    top: -9px;
    content: " ";
}

/* .selectedArticle .boxHeader span:before,
.selectedWork .boxHeader span:before {
    background: url('/static/images/project-logos/favorite.png') no-repeat center center;
}

.selectedQuestion .boxHeader span:before {
    background: url('/static/images/project-logos/help.png') no-repeat center center;
}

.topArticles .boxHeader span:before {
    background: url('/static/images/project-logos/top.png') no-repeat center center;
} */

.topArticles { 
	width: 100%; 
	height: auto; 
	margin-bottom: 10px;
}

.readmoreButton {
	box-shadow: 0 0 0.3rem #999;
	display: inline-block;
	min-width: 4em;
	max-width: 28.75em;
	padding: 0.546875em 1em;
	line-height: 1.286;
	box-sizing: border-box;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	border-radius: 0.2rem;
	margin: 5px 0 0 0;
	font-family: inherit;
	font-size: 1em;
}
/* --------------------- End Main Page Style ----------------- */
@media screen and (max-width: 719px) {
	
}