الگو:صفحهٔ اصلی/styles.css: تفاوت میان نسخه‌ها

از امامت‌پدیا، دانشنامهٔ امامت و ولایت
جزبدون خلاصۀ ویرایش
جزبدون خلاصۀ ویرایش
خط ۱: خط ۱:
/* --------------------- Begin Main Page Style ----------------- */
/* --------------------- Begin Main Page Style ----------------- */
.mainPage {
.mainpage_head, .mainpage_foot {
     display: flex;
     display: flex;
     flex-direction: row;
     text-align: center;
}
}


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


.mainLeft {
.mainpage_head_desc div:nth-child(1) {
box-shadow: 0 0 0.3rem #999;
    font-size: 110%
border-radius: 0.2rem;
padding: 1.2rem;
flex: 25%;
margin: 6px 4px;
}
}


.selectedArticle, .selectedWork, .selectedQuestion {  
.mainpage_head_desc div:nth-child(2), .mainpage_head_desc div:nth-child(3) {
box-shadow: 0 0 0.3rem #999;
    font-size: 90%
border-radius: 0.2rem;
padding: 1.2rem;
margin: 4px 0px;
}
}


.helpBox{
.mainpage_head_desc div:nth-child(4) {
line-height: 2em;
border-top: solid 0.2rem #bdd8fb;
box-shadow: 0 0 0.3rem #999;
margin: 0;  
border-radius: 0.2rem;
padding: 5px 0;
padding: 1.2rem;
font-size: 90%
margin-bottom: 1.6rem;
}
}


.boxHeader {  
.mainpage_body_right {  
padding: 10px;
display: flex;
border-radius: 2px;
flex-direction: column;
margin: 0 0 20px 0;
flex: 75%;
box-shadow: 0 0 0.3rem #999;
}
}


.boxHeader span {
.mainpage_body_left {  
font: 1.03em samim;
flex: 25%;
position: relative;
}
}


.boxTitle {
.mainpage_box {  
    padding: 5px;
padding: 10px;
    border-radius: 2px;
margin: 5px;
    margin: 15px 0 20px 0;
min-width: 210px;
border-bottom: solid 0.2rem #bdd8fb;
border: 1px solid #CCC;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
}


/* .selectedArticle .boxHeader span:before,.boxHeader span:before,
.mainpage_box_header {
.selectedWork .boxHeader span:before,.boxHeader span:before,
padding: 10px;
.selectedQuestion .boxHeader span:before,.boxHeader span:before,
border: 1px solid #CCC;
.topArticles .boxHeader span:before, .boxHeader span:before {
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    width: 43px;
margin-bottom: 5px;
    height: 43px;
    position: absolute;
    right: -1px;
    top: -9px;
    content: " ";
}
}


.selectedArticle .boxHeader span:before,
.mainpage_box_title {
.selectedWork .boxHeader span:before {
border-bottom: solid 0.2rem #bdd8fb;
    background: url('/static/images/project-logos/favorite.png') no-repeat center center;
padding: 5px;
margin: 5px;
}
}


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


.topArticles .boxHeader span:before {
.mainpage_box_more {
    background: url('/static/images/project-logos/top.png') no-repeat center center;
float: left;
} */
 
.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 ----------------- */
/* --------------------- End Main Page Style ----------------- */
@media screen and (max-width: 719px) {
@media screen and (max-width: 719px) {
}
}

نسخهٔ ‏۱۲ ژوئن ۲۰۲۲، ساعت ۰۸:۲۹

/* --------------------- Begin Main Page Style ----------------- */
.mainpage_head, .mainpage_foot {
    display: flex;
    text-align: center;
}

.mainpage_body {
    display: flex;
    flex-direction: row;
}

.mainpage_head_desc div:nth-child(1) {
    font-size: 110%
}

.mainpage_head_desc div:nth-child(2), .mainpage_head_desc div:nth-child(3) {
    font-size: 90%
}

.mainpage_head_desc div:nth-child(4) {
	border-top: solid 0.2rem #bdd8fb;
	margin: 0; 
	padding: 5px 0;
	font-size: 90%
}

.mainpage_body_right { 
	display: flex;
	flex-direction: column;
	flex: 75%;
}

.mainpage_body_left { 
	flex: 25%;
}

.mainpage_box { 
	padding: 10px;
	margin: 5px;
	min-width: 210px;
	border: 1px solid #CCC;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);	
}

.mainpage_box_header { 
	padding: 10px;
	border: 1px solid #CCC;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	margin-bottom: 5px;
}

.mainpage_box_title {
	border-bottom: solid 0.2rem #bdd8fb;
	padding: 5px;
	margin: 5px;	
}

.mainpage_box_content {
	padding: 5px;
}

.mainpage_box_more {
	float: left;
}

/* --------------------- End Main Page Style ----------------- */
@media screen and (max-width: 719px) {
	
}