body{background:#FFF2FF;direction:rtl;font:medium sahel;text-align:justify;margin:0;} @font-face { font-family: Sahel; src: url('https://cdn.rawgit.com/rastikerdar/sahel-font/v3.2.1/dist/Sahel.eot'); src: url('https://cdn.rawgit.com/rastikerdar/sahel-font/v3.2.1/dist/Sahel.eot?#iefix') format('embedded-opentype'), url('https://cdn.rawgit.com/rastikerdar/sahel-font/v3.2.1/dist/Sahel.woff2') format('woff2'), url('https://cdn.rawgit.com/rastikerdar/sahel-font/v3.2.1/dist/Sahel.woff') format('woff'), url('https://cdn.rawgit.com/rastikerdar/sahel-font/v3.2.1/dist/Sahel.ttf') format('truetype'); font-weight: normal; } a{text-decoration:none;color:#000;}h1,h2,h3,h4,h5,h6{font-family:sahel;} header{background:#3C003C;width:100%;text-align:center;color:#fff;box-shadow:0 0 15px #444;border-radius:0 0 50px 50px;} header h1{margin:20px 0 0 0;font-size:50px;} header #nav{background:#73264D;height:40px;width:90%;margin:auto;border-radius:20px 20px 0 0;} header a{padding:0.6% 1% 0.6% 1%;color:#fff;line-height:40px;}header a:hover{background:#fa2;transition: all 200ms ease-in;} header,.ic,.bg,.bt,.br,.bl,.br #br,.br #m,.br #like,.br #date,.br #com,.br #aut,.br #t,.r,.l,.bb,.bn,.bm,footer,.r #p,.bt #vc,.bt #vv,.br #jx img{float:right;} .b{margin:auto;width:1200px;} .bg,.bt,.bt h1,.br,.bl,.br h1,.br #br,.br #m,.br #br img,.bl h1,.bb,.bb h1,.br #vc,.br #vp{border-radius:10px;} .ic{width:100%;margin-top:15px;}.ic img{margin-right:47px;border:5px solid #530053;border-radius:50%;transition: all 200ms ease-in;}.ic img:hover{transform: rotate(360deg);transition: all 200ms ease-in;border:5px solid #fa2;} .bg{width:100%;background:#fff;box-shadow:0 0 15px #999;margin-top:15px;padding-bottom:2%;} .bt{background:#FFEAFF;width:30%;height:330px;margin:1.6%;} .bt #bt{width:100%;height:270px;text-align:center;overflow:auto;} .bt h1:nth-child(odd) {margin:0;background:#530053;color:#fff;text-align:center;font-size:16px;font-weight:normal;padding:5px 0 5px 0;} .bt h1:nth-child(even) {margin:0;background:#f00;color:#000;text-align:center;font-size:16px;font-weight:normal;padding:5px 0 5px 0;} .bt h2{width:0;height:0;border-bottom:6px solid transparent;border-top:6px solid #530053;border-right:6px solid #530053;border-left:6px solid transparent;margin:0 3% 10px 0;transition: all 200ms ease-in;} .bt:hover h2{margin:0 93% 10px 0;transition: all 800ms ease-in;} .bt h3{font:14px sahel;margin:0;padding-bottom:3px;border-bottom:1px dashed #999;} .bt h3:last-child{font:14px sahel;margin:0;padding-bottom:3px;border-bottom:0 dashed #999;} .bt h3:hover{background:#FFB5FF;transition: all 200ms ease-in;} .r{width:60%;margin:0 2% 0 2%;}.l{width:34%;} .br{background:#FFEAFF;width:100%;margin:0 0 2% 2%;} .br #h h1{margin:0;background:#530053;color:#fff;text-align:center;font-size:16px;font-weight:normal;padding:5px 0 5px 0;}.br #h a{color:#fff;}.br #mm a{color:#fff;} .br #h h2{width:0;height:0;border-bottom:6px solid transparent;border-top:6px solid #530053;border-right:6px solid #530053;border-left:6px solid transparent;margin:0 3% 0 0;transition: all 200ms ease-in;} .br #h:hover h2{margin:0 93% 0 0;transition: all 800ms ease-in;} .br #br{width:92%;margin:2%;background:#FFF9FF;padding:2%;border:1px solid #ddd;overflow:hidden;} .br #br img{max-width:100%;} .br #m{background:#530053;width:99%;padding:0 1% 1% 0;height:27px;} .br #like{background:url(http://bayanbox.ir/view/7897631314565946531/like.png); width:20px;height:20px;margin:1% 2% 0 0;} .br #date{background:url(http://bayanbox.ir/view/3960245328142031611/date.png); width:20px;height:20px;margin:1% 2% 0 0;} .br #com{background:url(http://bayanbox.ir/view/6486485777409720153/comment.png); width:20px;height:20px;margin:1% 2% 0 0;} .br #aut{background:url(http://bayanbox.ir/view/5601873651095190177/autor.png); width:20px;height:20px;margin:1% 2% 0 0;}.br #mm:hover{background:#fa0;}.br #t:hover{background:#fa0;} .br #t{background:#fff;height:20px;margin-right:1%;border-radius:5px;font-size:11px;padding:0 5px 0 5px;line-height:22px;font-weight:bold;margin:1% 2% 0 0;} .r #p{width:100%;text-align:center;}.r #p a{background:#3C003C;border-radius:50%;color:#fff;padding:2px 7px 2px 7px;} .br #mm{background:#BD00BD;float:left;height:20px;padding:1%;border-radius:10px 0 0 10px;line-height:23px;} .br #ta h1{font:14px sahel;background:#530053;float:right;padding:0.5% 1% 0.5% 1%;margin:1% 0 0 1%;color:#fff;}.br #ta a{color:#fff;} .br #vc{background:#F8E7EF;width:90%;border:1px solid #EBBAD1;padding:1%;} .br #vp{background:#FFF9BB;width:90%;border:1px solid #FFCD79;float:left;padding:1%;} .br #vv{width:0;height:0;border-bottom:6px solid transparent;border-top:6px solid #EBBAD1;border-right:6px solid #EBBAD1;border-left:6px solid transparent;margin:0 8% 10px 0;} .br #v{width:0;height:0;border-bottom:6px solid transparent;border-top:6px solid #FFCD79;border-right:6px solid transparent;border-left:6px solid #FFCD79;margin:0 0 10px 8%;float:left;} .br #jx{width:100%;border-bottom:1px solid #EBBAD1;padding-bottom:1%;}.br #jx img{width:25px;border-radius:50%;margin-left:1%;} .bl{background:#FFEAFF;width:100%;margin:0 0 2% 2%;padding-bottom:1%;} .bl h1{margin:0;background:#530053;color:#fff;text-align:center;font-size:16px;font-weight:normal;padding:5px 0 5px 0;} .bl h2{width:0;height:0;border-bottom:6px solid transparent;border-top:6px solid #530053;border-right:6px solid #530053;border-left:6px solid transparent;margin:0 3% 10px 0;transition: all 200ms ease-in;} .bl:hover h2{margin:0 93% 10px 0;transition: all 800ms ease-in;} .bl h3{font:14px sahel;margin:0;padding-bottom:3px;border-bottom:1px dashed #999;text-align:center;} .bl h3:last-child{font:14px sahel;margin:0;padding-bottom:3px;border-bottom:0 dashed #999;} .bl h3:hover{background:#FFB5FF;transition: all 200ms ease-in;} .bl h4{font:14px sahel;margin:0;padding-bottom:3px;border-bottom:1px dashed #999;width:96%;float:right;padding:2%;line-height:40px;} .bl h4:last-child{font:14px sahel;margin:0;padding-bottom:3px;border-bottom:0 dashed #999;line-height:40px;} .bl h4:hover{background:#FFB5FF;transition: all 200ms ease-in;} .bl h4 img{width:40px;float:right;border-radius:50%;margin-left:2%;} .bn{width:49%;}.bm{width:2%;height:2%;} .bb{width:100%;background:#FFEAFF;font-size:13px;padding-bottom:5px;margin-bottom:5%;} .bb h1{margin:0;background:#530053;color:#fff;text-align:center;font-size:16px;font-weight:normal;padding:5px 0 5px 0;} .bb h2{width:0;height:0;border-bottom:6px solid transparent;border-top:6px solid #530053;border-right:6px solid #530053;border-left:6px solid transparent;margin:0 4% 10px 0;transition: all 200ms ease-in;} .bb:hover h2{margin:0 90% 10px 0;transition: all 800ms ease-in;} .bb li{background: url("http://s11.picofile.com/file/8394935842/li.png") no-repeat right 6px top 4px;list-style-type: none;padding-right:25px;margin:5px 0 5px 0;}.bb li:hover{background:#FFB5FF;}.bb ul:hover{background:#FFB5FF;} .bb ul{background: url("http://s10.picofile.com/file/8394935992/ul.png") no-repeat right 6px top 4px;list-style-type: none;padding-right:25px;margin:5px 15px 5px 0;} .bb h3{font:13px sahel;margin:0;padding-bottom:3px;border-bottom:1px dashed #999;text-align:center;} .bb h3:last-child{font:13px sahel;margin:0;padding-bottom:3px;border-bottom:0 dashed #999;} .bb h3:hover{background:#FFB5FF;transition: all 200ms ease-in;} footer{background:#3C003C;width:100%;height:auto;margin-top:2%;border-radius:50px 50px 0 0;padding-top:1%;} footer div{margin:auto;}footer a{color:#ddd;} footer #a{width:80%;height:auto;background:#73264D;border-radius:15px 15px 0 0;color:#fff;text-align:center;line-height:38px;margin-top:1%;} footer #b{width:80%;height:auto;text-align:center;}footer #b a{background:linear-gradient(to left, #73264D,#3C003C);padding:2px 10px 2px 30px;margin-right:3px;line-height:35px;border-radius:0 10px 10px 0;color:#fff;} footer #l{text-align:right;float:right;padding-right:2%;font-size:12px;} .t a{background:#f1f1f1;padding:3px 5px 5px 3px;margin:2px 0 5px 2px;line-height:27px;border:0.2px solid #ccc;} .t a:hover{background:#ddd;}.t h6{margin:0 2% 2% 2%;font:12px sahel;float:right;} @media screen and (max-width:768px){body{margin:0 2% 0 0;} .b,.r,footer #l,.bg{width:100%;}.bt,.br,.bt{width:97%;}.l{width:96%;margin:2%;} header{border-radius:0;} header #nav,.bt,.bt #bt,.br #m{height:auto;}footer #l,.br #mm{text-align:center;} .ic img{width:30%;margin:0.5% 1% 0.5% 0;border:2px solid #530053;}.br #mm{border-radius:10px;margin:2% 0 0 0;width:99%;} footer #a{width:94%;}.ic img:hover{border:2px solid #fa2;} }