/*Designed By Prowebplus.blog.ir*/ @font-face { font-family: 'tanha'; src: url('//bayanbox.ir/download/6569803721922940607/Tanha.woff') format('woff'); font-weight: normal; } @font-face { font-family: 'lale'; src: url('//bayanbox.ir/download/6943001789619612027/Lalezar-Regular.woff') format('woff'); font-weight: bold; } ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-button { width: 0px; height: 0px; } ::-webkit-scrollbar-thumb { background: #2196F3; border: 2px solid #000000; border-radius: 27px; } ::-webkit-scrollbar-track { background: #ffffff; border: 1px dotted #ffffff; border-radius: 100px; } :root { font-size: 10px; } *, *::before, *::after { box-sizing: border-box; } a{ color: #0061ae; } a:hover{color:#bc0000;} p,font,span,div{color:#000;} a,a:hover,a:before,a:after,a:active,a:visited,a:focus{ text-decoration:none; } ul{ margin:0; padding:0; } h1,h2,h3,h4,h5,h6{ font-family:lale; } body { font-family: tanha; background-color: #ffffff;/*تغییر رنگ پست زمینه*/ background-image: url(http://bayanbox.ir/view/3951274601091551865/brushed-alum-prowebplus.ir.png); color: #262626; } img { max-width:100%; height:auto; } .container { max-width: 93.5rem; margin: 0 auto; padding: 0px 1rem; } .btn { display: inline-block; font: inherit; background: none; border: none; color: inherit; padding: 0; cursor: pointer; } .btn:focus { outline: 0.5rem auto #4d90fe; } .maintainbox{ width: 62.66666%; display:inline-block; float:left; } .gallery-item-info a{color:#fff;z-index: 2;position: relative;} .visually-hidden { position: absolute !important; height: 1px; width: 1px; color: #fff; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } /* Profile Section */ .item_err,.item_warn,.item_success { display: inline-block; } .profile { padding: 5rem 0; } .fa-check{ border-radius:10px; color:#fff; background: #2196F3; border:1px inset #ccc; padding:3px; text-shadow:1px 1px 1px #333; } .profile::after { content: ""; display: block; clear: both; } .profile-image { width: 33.33333%; text-align: center; float: right; } .profile-image img { margin-left: 3rem; border-radius: 50%; border-left: 4px solid #f1034a; border-top: 4px solid #4CAF50; border-right: 4px solid #673AB7; box-shadow: 0px 0px 2px 3px #333; border-bottom: 4px solid #FFC107; width: 100%; } .profile-user-settings, .profile-bio { } .profile-user-settings { margin-top: 1.1rem; width: 62.66666%; float: left; } .profile-user-name { display: inline-block; font-size: 2.5rem; font-family: lale; font-weight: 300; } .profile-user-name a{color:#000;} .profile-edit-btn { font-family: tanha; font-size: 1.4rem; box-shadow: 1px 1px 2px 0px #333; line-height: 1.8; background: #039BE5; border-radius: 4px; padding: 0 2.4rem; margin-right: 1rem; } .profile-edit-btn a{color: #fff;text-shadow: 1px 1px 1px #333;} .profile-settings-btn { font-size: 3rem; margin-right: 1rem; vertical-align: -webkit-baseline-middle; } .profile-settings-btn span{transition:1s ease-in-out;font-size: 19px;position: relative;vertical-align: middle;right: 4rem;color: rgb(51 51 51 / 0%);} .profile-settings-btn:hover span{transition:1s ease-in-out;font-size: 19px;vertical-align: middle;position: relative;right: 0rem;color:#000;padding: 0px 3px 0px 7px;} .profile-stats { margin-top: 2.3rem; width: 66.66666%; display: inline-block; float: left; } .profile-stats li { display: inline-block; font-size: 1.6rem; line-height: 1.5; margin-right: 4rem; cursor: pointer; } .profile-bio { font-size: 1.6rem; font-weight: 400; font-family: tanha; text-align: justify; display: inline-block; line-height: 1.5; margin-top: 2.3rem!important; } .profile-real-name, .profile-stat-count, .profile-edit-btn { font-weight: 600; } .details-mobile{display:none;margin-top: 2rem;} .details-mobile a{font-weight:600;font-size: 14px;color:#000;padding:0px 2px;} .details-mobile a i.fa-check{font-size: 8px;vertical-align: initial;padding:0;color:#000;background:none;border:none;} .details-mobile a i.fa-user{font-size:18px;vertical-align:sub;} .details-mobile a.direct{padding: 2px 40px;transition:1s ease-in-out;background: #fff;border-radius:4px;border:1px solid;box-shadow: 0px 0px 0px 0px inset #03A9F4;} .details-mobile a.direct:hover{transition:1s ease-in-out;box-shadow: -125px 0px 0px 1px inset #03A9F4;} .details-mobile a.follow-mobile{padding: 2px 4px 2px 2px;transition:1s ease-in-out;background: #fff;border-radius:4px;border:1px solid;box-shadow: 0px 0px 0px 0px inset #03A9F4;border-radius: 4px;color: #000;border:1px solid #000;} .details-mobile a.follow-mobile:hover{transition:1s ease-in-out;box-shadow: 30px 0px 0px 1px inset #03A9F4;} /* Gallery Section */ .gallery { display: flex; flex-wrap: wrap; margin: -1rem -1rem; padding-bottom: 3rem; } .tag-cloud h3 { margin: 0px; font: normal 11px tanha; display: inline-block; * display: inline; * margin: 2px; } .tag-cloud span { display: inline-block; margin: 1px 0px 1px 0px; } .tag-cloud a { font: 14px/1.3em tanha; color: #000; background: rgb(249 249 249 / 0%); padding: 3px 7px; display: inline-block; * display: inline-block; margin-left: 1px; /*margin: 2px 0px 2px 0px;*/ } .tag-cloud a:hover { color: #03A9F4; font-weight: 900; } .tag-cloud a.selected { color: #216cf3; font-weight: 900; } .box-tags .post-tags h3{margin: 10px 5px;display: inline-block;} .box-tags .post-tags h3 a{ color: #000000;transition:0.4s ease-in-out;} .box-tags .post-tags h3 a:hover{color:#0064b3;transition:0.4s ease-in-out;} .gallery-item { position: relative; flex: 1 0 22rem; margin: 1rem!important; margin-top: 0!important; box-shadow: 0px 0px 2px 1px #c8c8c8; border-radius: 9px; color: #fff; cursor: pointer; } .more-desk{ width: 100%; box-shadow: none; background: #fff; display:inline-block; box-shadow: 0px 0px 2px 2px #4f4f4f; float:right; } .more-desk .content-part{ text-align:justify; line-height:1.7; margin:10px 0px; padding: 0 14px; cursor: default; } .more-desk .content-part a h2{color:#000;margin-bottom: 0;} .more-desk .content-part a{color:blue;} .more-desk .content-part a:hover{color:red;} .more-desk img{ border-radius: 9px; } .gallery-item:hover .gallery-item-info, .gallery-item:focus .gallery-item-info { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; width: 100%; border-radius:9px; height: 100%; background-color: #0000004d; } .gallery-item-info { display: none; direction: ltr; } .gallery-item-info a.post-link{z-index: 0;width:100%;height:100%;position:absolute;} .gallery-item-comments{z-index:2} .gallery-item-info li { display: inline-block; font-size: 2rem; font-weight: 600; } .gallery-item-likes { margin-right: 2.2rem; z-index: 2; } .gallery-item-type { position: absolute; top: 1rem; right: 1rem; font-size: 2.5rem; text-shadow: 0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.1); } .fa-envelope-o{ color:#000; transition: all 1s ease; } .fa-comment-o:before { color: #ffffff; transition: all 1s ease; } .fa-envelope-o:hover:before { content:"\f0e0"; color:#292929; transition: all 1s ease; } .fa-envelope-o:after{ transition: all 1s ease; } .fa-clone, .fa-comment { transform: rotateY(180deg); } .rate-counter{font-family:tanha;font-weight:600;color: #fff;} .more-desk .rate-counter{color:#000;} .gallery-image { width: 100%; height: 100%; object-fit: cover; border-radius: 7px; } .view-port{ position: sticky; top: 1px; width:50%; display:inline-block; float:left; } .comment-port{ width:100%; display:inline-block; float:left; display:inline-block; height: 300px; background: #fff; overflow-y: scroll; box-shadow: 1px -1px 6px 0px #151515; border: 3px groove #03A9F4; border-radius: 5px; margin-bottom: 1px; } .more-desk .rate-box{padding: 0px 10px;margin-bottom: 5px;display: block;} .fa-heart-o{color: #fff;} .rate-box .fa-heart-o:before { color: #ffffff; text-shadow:1px 1px 1px #000; transition: all .4s ease; } .more-desk .rate-box .fa-heart-o:before { color: #E91E63; text-shadow:1px 1px 1px #000; transition: all .4s ease; } .rate-box:hover .fa-heart-o:before { content:"\f004"; } .rate-box.rated .fa-heart-o:before { content:"\f004"; color:#ff2323; } .fa-comment-o:before { color: #ffffff; transition: all .4s ease; } .fa-comment-o:hover:before { content:"\f075"; color:#607D8B; transition: all .4s ease; } .messages .messages-content h2 { color: #888; font-size: 21px; padding-right:5px; cursor: default; background: #b7e9ff; margin: 0 0 7px; text-align: center; } .messages .messages-content h2 a.comment_count { color: #aaa; } .messages .messages-content h2 a.comment_count:hover { color: #0892cd; cursor: pointer; } .comment-add-form{ border: 3px groove #03A9F4; border-radius: 5px; padding: 8px; background: #fff; width: 100%; box-shadow: 1px 1px 5px 0px #151515; display: inline-block; } .bComForm .sendbutton.hasCheckbox { margin-top: -52px; margin-left: 3px; cursor:pointer; } .post-comments{ font:14px tanha; margin-bottom:15px; } .post-comment{ margin-bottom:5px; background:#f3f3f3!important; border:1px solid rgba(172,186,192,0.5); box-shadow:0 3px 5px rgba(117,100,100,0.1); border-radius:5px } .comment-details{ background:#f3f3f3; box-shadow:0 1px 3px rgba(117,100,100,0.2); padding:0; cursor:default; border-radius:5px 5px 0 0; border-bottom:1px solid #736d6d } .comment-details a{ color:#3a3a3a; cursor:pointer; vertical-align:bottom; margin-right:5px; -moz-transition-duration:0; -webkit-transition-duration:0; -o-transition-duration:0; -khtml-transition-duration:0 } .comment-details-left{ padding:4px 0 0 5px; float:left } .comment-details-right{ text-align:right } .comment-avatar img{ width:34px; height:auto; border-radius:0 5px 0 0 } .comment-name{ color:#191919; cursor:default; padding:0 5px } .comment-body{ padding:10px; background:#fff } .comment-body-content{ color:#101010; text-align:right } .comment-date{ display:inline-block; color:rgba(255,255,255,0.6) } .comment-website{ background:url(//cdn.bayan.ir/blog/templates/41199/details_ico_cmt.png) center -102px no-repeat; width:18px; height:23px; display:inline-block } .comment-website:hover{ background-position:center -125px; cursor:pointer } .comment-email{ background:url(//cdn.bayan.ir/blog/templates/41199/details_ico_cmt.png) center -60px no-repeat; width:18px; height:23px; display:inline-block } .comment-email:hover{ background-position:center -79px; cursor:pointer } .comment-reply{ margin-bottom:5px; border:1px solid #6ec2e5; background-color:#e5f7ff; box-shadow:0 3px 5px rgba(117,100,100,0.1); color:rgba(0,0,0,0.7); border-radius:5px } .comment-reply-details{ padding:5px 10px; box-shadow: 0 -1px 0 0 inset rgb(51 51 51); } .comment-reply-date{ float:left; color:#1f1f1f; cursor:default } .comment-reply-name{ color:#191919; text-align:right; cursor:default } .comment-reply-body{ color:#1d1c1c; text-align:right; padding:10px } .comment-reply-body , .comment-body-content {white-space: pre-line;width: 100%;word-break: break-word;overflow-wrap: break-word;}/*DB Prowebplus.blog.ir*/ .pagination { cursor: default; display: inline-block; margin: auto; text-align: center; margin-bottom: 0; font: 13px "tanha"; } .pagination .left { margin-left: -3px; } .pagination a { padding: 2px 12px 2px; margin-left: 3px; cursor: pointer; color: #888; border: #ddd 1px solid; background: rgb(255 255 255 / 0%); border-radius: 3px; } .pagination a:hover { color: #004882; border: #c6e2ee 1px solid; background: #85d9ff; } .pagination a.current { color: #003046; border: #c6e2ee 1px solid; background: #85d9ff; } .pagination .spacer { float: right; padding: 1px 8px; color: #999; } .pagination { padding-top: 0; } /* Loader */ .loader { width: 5rem; height: 5rem; border: 0.6rem solid #999; border-bottom-color: transparent; border-radius: 50%; margin: 0 auto; animation: loader 500ms linear infinite; } footer{ display:inline-block; direction: ltr; padding: 10px 10px; text-align: center; background: #004983 url(http://bayanbox.ir/view/3951274601091551865/brushed-alum-prowebplus.ir.png); width:100%; font-weight:900; margin:0px; } footer a{font-weight:100;transition:0.3s ease-in-out;cursor:pointer;color: #fff;} footer a:hover{color:#FFEB3B;transition:0.3s ease-in-out;} footer .fa-heart{color:#E91E63;font-size:14px;font-weight:900;text-shadow:1px 0.5px 0px #000;} /* Media Query */ @media screen and (max-width: 40rem) { .comment-port{background:none;box-shadow:none;} .hideme{display:none;visibility:hidden;opacity:0;} .more-desk{ width: 100%; display:inline-block; margin-right: 0px!important; float:none; } .view-port{ width:100%; position:unset; } .comment-port{ border:0px; width:100%; display:inline-block; float:none; margin-bottom: 8px; height: 100%; overflow: visible; } .maintainbox{ display:none; visibility:hidden; opacity:0; } .mobile{display:inline-block;float:none;width:100%;margin:auto;visibility:visible;opacity:1;} .profile { padding: 4rem 0; } .profile-settings-btn{padding-top: 2px;} .profile::after { display: none; } .profile-image, .profile-user-settings, .profile-bio, .profile-stats { } .profile-image img { text-align: center; width: 95%; } .profile-user-settings { margin-top: 1rem; } .profile-user-name { font-size: 2.2rem; margin-bottom: 3px; } .profile-edit-btn { /* order: 1; */ /* padding: 0; */ text-align: center; margin-top: 1rem; } .profile-edit-btn { margin-left: 0; } .profile-bio { font-size: 1.4rem; margin-top: 1.5rem; } .profile-edit-btn, .profile-bio, .profile-stats { } .profile-stats { margin-top: 1.5rem; float: left; display: inline-block; width: 66.6666%; vertical-align: middle; } .profile-stats ul { display: flex; text-align: center; cursor: default; padding: 1.2rem 0; border-top: 0.1rem solid #dadada; border-bottom: 0.1rem solid #dadada; } .profile-stats li { font-size: 1.4rem; flex: 1; margin: 0; cursor: default; } .profile-stat-count { display: block; } } /* Spinner Animation */ @keyframes loader { to { transform: rotate(360deg); } } ul.topnav{ align-items: center; } ul.topnav li{ display:inline-block; } ul li.logo{ width:100px; height:auto; } ul li.searchbox{ vertical-align:middle; text-align:center; } ul li.signsec{ float:left; padding: 18px 20px; } ul li.signsec a{ color:#1976D2; font-weight:600; font-size:14px; float:left; } ul li.signsec a.loginlink{ padding:5px 15px; background:#1E88E5; color:#fff; text-shadow:1px 1px 1px #333; border-radius:5px; margin-left:10px; } ul li.signsec a.signuplink{ padding:5px; } .profile { direction: rtl; } /*Designed By Prowebplus.blog.ir*/ .gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr)); grid-gap: 2rem; } .gal-port{display: inline-block;width: 100%;} .profile-image, .profile-user-settings, .profile-stats, .profile-bio, .gallery-item, .gallery { margin: 0; } @media (max-width: 40rem) { .details-mobile{display: inline-block;margin-bottom: 1rem;margin-top: 3px;} ul li.searchbox{display:none;} ul.topnav{ direction: rtl; } .gallery-item-info { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; width: 100%; border-radius:9px; height: 100%; background-color: rgba(0, 0, 0, 0.3); } .profile { display: inline-block; } .profile-image { } .profile-user-settings { width: 66%; } .profile-edit-btn, .profile-stats,.profile-bio{ } .item_err,.item_warn,.item_success { display: inline-block; } .profile-user-settings, .profile-edit-btn, .profile-bio, .profile-stats { margin: 0; cursor: default; } } @media screen and (max-width: 448px){ .profile-user-name{ width: 100%; float: left; } .profile-edit-btn{padding:0 6px} .profile-settings-btn{font-size:28px;} } /*Designed By Prowebplus.blog.ir*/