|
|
| خط ۱: |
خط ۱: |
| /* --------------------- 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) { |
| | | |
| } | | } |
