|
|
| خط ۹۱: |
خط ۹۱: |
| } | | } |
| /* --------------------- End Font Style ----------------- */ | | /* --------------------- End Font Style ----------------- */ |
|
| |
| /* --------------------- 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 ----------------- */
| |
|
| |
| /* --------------------- Begin Custom Style ----------------- */ | | /* --------------------- Begin Custom Style ----------------- */ |
| /* === Collapsible elements. Toggle-link moved to left. === | | /* === Collapsible elements. Toggle-link moved to left. === |
