دنیا آی‌تی وبلاگی است با محوریت موضوعات مرتبط با فناوری اطلاعات، نرم افزار ، سخت افزار و سایر موضوعات مرتبط با این حوزه و هدف اصلی آن اشتراک گزاری اطلاعات و آشنایی بیشتر ایرانیان با این موضوعات می‌باشد ، البته زنگ‌تفریح هم داریم!
۱۷ بهمن ۹۴ ، ۱۳:۳۷
shalam.. ..
نظر آزمایش من!
محمد اسکندری
نظر شما:
علیرضا فروردین
سلام.
ادمین عزیز من میخوام در قالب وبلاگم عبارت «ادامه مطلب» رو به پایین پست ها اضافه کنیم ممنون میشم راهنمایی کنید!
اینم لینک قالب: http://templates.blog.ir/post/template-52722
قالب فعلی وبلاگم هم همین قالب هست میتونی ببینی.
در قالب فوق برای ادامه مطلب فقط یک آیکن زرد رنگ (زیر تاریخ پست ها) در نظر گرفته شده که متاسفانه کاربر دیدی به آن نداره!
خود من چندین بار بالا و پایین کردک تا آیکن ادامه مطلب را پیدا کردم!
اگه ممکنه لطفا منو راهنمایی کن چون اول امیدم به توئه بعد به پشتیبانی بیان D:
ممنون.
۱۷ بهمن ۹۴، ۱۴:۱۱
پاسخ توسط: محمد (مدیر)
سلام. من هم قبلا این مشکل رو داشتم!
به این لینک مراجعه کنید ، اگه دوست داشتید کد هاشو براتون بفرستم.
محمد اسکندری
@charset "utf-8";
/* CSS Document - v3.5.0 */
html {
direction: ltr;
}
@import url('http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css');
@font-face {
font-family: 'yekan';
src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BYekan.woff?download') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'A GOOGLE';
src: url('//bayanbox.ir/download/7960964255310706483/a-google.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MjT';
src: url('//bayanbox.ir/download/2735603076638151504/Mj-Titr-DF.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "IS";
font-weight: normal;
src: url("//bayanbox.ir/download/6910835065199566388/IRANSW.woff2") format("woff2"),
url("//bayanbox.ir/download/2784390151372785607/IRANSW.woff") format("woff");
}
@font-face {
font-family: "IS";
font-weight: bold;
src: url("//bayanbox.ir/download/4781243098047868327/IRANSBW.woff2") format("woff2"),
url("//bayanbox.ir/download/8433297957995367011/IRANSBW.woff") format("woff");
}
@font-face {
font-family: 'Kaman';
src: local('☺'),
local('Mj_Kaman'),
url('http://bayanbox.ir/download/8777780789620107632/kaman.woff') format('woff');
font-weight: normal;
font-style: normal;
}
::-webkit-scrollbar {width: 5px; height: 5px; background: #2757CE;}
::-webkit-scrollbar {width: 4px; height:4px; }
::-webkit-scrollbar-track {background: #2757CE;}
::-webkit-scrollbar-thumb {background: #F7D500;}
::-webkit-scrollbar-thumb:hover {-webkit-box-shadow: inset 1px 1px 10px #ea1a32 ;}
::-webkit-scrollbar-thumb:active {background: #888;}
/* Mozilla based browsers */
::-moz-selection {
background-color: rgba(239, 189, 0, 1);
}
/* Works in Safari */
::selection {
background-color: rgb(39, 87, 206);
color: #EFBD00;
}
/* Works in Chrome */
::-webkit-selection {
background-color: rgba(239, 189, 0, 1);
}
@keyframes era{
from{transform:rotatey(0deg);}
to{transform:rotatey(360deg);}
}
@-moz-keyframes era{
from{-moz-transform:rotatey(0deg);}
to{-moz-transform:rotatey(360deg);}
}
@-o-keyframes era{
from{-o-transform:rotatey(0deg);}
to{-o-transform:rotatey(360deg);}
}
@-webkit-keyframes era{
from{-webkit-transform:rotatey(0deg);}
to{-webkit-transform:rotatey(360deg);}
}
@-ms-keyframes era{
from{-ms-transform:rotatey(0deg);}
to{-ms-transform:rotatey(3600deg);}
}
@keyframes bx-in-sh {
0% {box-shadow: inset 0px 0px 46px 1px purple;}
10% {box-shadow: inset 0px 0px 46px 1px red;}
20% {box-shadow: inset 0px 0px 46px 2px orange;}
30% {box-shadow: inset 0px 0px 46px 1px yellow;}
40% {box-shadow: inset 0px 0px 46px 1px green;}
50% {box-shadow: inset 0px 0px 46px 1px yellow;}
60% {box-shadow: inset 0px 0px 46px 2px orange;}
70% {box-shadow: inset 0px 0px 46px 1px red;}
80% {box-shadow: inset 0px 0px 46px 1px purple;}
90% {box-shadow: inset 0px 0px 46px 1px green;}
100% {box-shadow: inset 0px 0px 46px 1px yellow;}
}
@keyframes bg-c-c {
10% {background-color: orange;}
50% {background-color: red;}
90% {background-color: #2757ce;}
}
/* -------------- animatedBackground ------------ */
@keyframes animatedBackground {
from { background-position: 0 24px;}
to { background-position: 100% 24px;}
}
@-webkit-keyframes
animatedBackground {
from {background-position: 0 24px;}
to { background-position: 100% 24px;}
}
@-ms-keyframes
animatedBackground {
from { background-position: 0 24px;}
to {background-position: 100% 24px;}
}
@-moz-keyframes
animatedBackground {
from { background-position: 0 24px;}
to {background-position: 100% 24px;}
}
@keyframes
animatedBackground2 {
from { background-position: 0 0;}
to { background-position: 100% 0;}
}
@-webkit-keyframes
animatedBackground2 {
from {background-position: 0 0;}
to {background-position: 100% 0;}
}
@-ms-keyframes
animatedBackground2 {
from { background-position: 0 0;}
to {background-position: 100% 0;}
}
@-moz-keyframes
animatedBackground2 {
from {background-position: 0 0;}
to {background-position: 100% 0;}
}
/* ------------ / animatedBackground ------------ */
body {
font-family: "yekan", "IS", "a google", "armata", "tahoma", "arial", "Times New Roman", Times, Arial, serif;
font-size: 11px;
margin: 0;
padding: 0;
line-height: 1.9em;
background: #ffffff url('//bayanbox.ir/view/5422495725988166755/noise2.png') repeat 50% 0;
color: #101C24;
}
p {
margin-bottom: 0.5em;
}
pre {
direction: ltr;
background-color: #FAFAEE;
border: 1px solid #DADADA;
margin: 1em;
overflow-x: auto;
overflow-y: hidden;
padding: 2px;
}
.clear {
clear: both;
}
h1, h2, h3, h4, h5, h6{
font-family: "yekan","armata", "tahoma", "arial", "Times New Roman", Times, Arial, serif;
font-weight: normal;
}
h3 {
color: #1200FF;
text-shadow: 1px 1px 6px rgb(247, 213, 0);
font-weight: bold;
}
h4 {
color: #65BC54;
font-family: is;
}
h5 {
font-family: a google;
font-weight: bold;
font-size: 18px;
color: red;
}
img {
border: none;
border-width: 0;
}
a {
color: #2757CE;
cursor: pointer;
text-decoration: none;
-moz-transition-duration: .2s;
-webkit-transition-duration: .2s;
-o-transition-duration: .2s;
}
a:hover {
color: #2757CE;
text-decoration: none;
cursor: pointer;
}
a:active {
outline: hidden;
}
/*-- Header --*/
.header {
direction: rtl;
height: 130px;
background: rgba(19, 6, 56, 1) url(http://subtlepatterns2015.subtlepatterns.netdna-cdn.com/patterns/dark_mosaic.png);
border-top: 4px solid #F7D500;
cursor: cell;
}
.head-right a {
color: #EFBD00;
font-family: A Google;
font-size: 35px;
text-shadow: 2px 2px 2px black;
transition-duration: 2s;
}
.head-right a:hover {
color: #FFFFFF;
text-shadow: 2px 2px 2px rgb(39, 87, 206);
}
.head-right h1 {
position: relative;
font-size: 28px;
}
.head-left h2 {
margin: 6px 0px 0px 0px;
font-size: 18px;
cursor: cell;
color: #EFBD00;
text-align: center;
font-family: 'mjt';
text-shadow: 2px 2px 2px black;
transition-duration: 1s;
}
.head-left h2:hover {
color: #FFFFFF;
/* text-shadow: 2px 2px 2px rgb(39, 87, 206); */
text-shadow: rgb(35, 78, 185) 1px 1px, rgb(35, 78, 185) 2px 2px, rgb(35, 78, 185) 3px 3px, rgb(35, 78, 185) 4px 4px, rgb(35, 79, 188) 5px 5px, rgb(36, 81, 192) 6px 6px, rgb(37, 82, 195) 7px 7px, rgb(37, 84, 199) 8px 8px, rgb(38, 85, 202) 9px 9px, rgb(39, 87, 206) 10px 10px;
}
.head-wrp {
position: relative;
height: 100%;
margin: auto;
width: 80%;
}
.head-right {
position: absolute;
right: 0;
text-align: right;
margin-top: 5px;
}
.era {
cursor: cell;
animation: era .5s infinite linear;
-moz-animation: era .5s infinite linear;
-o-animation: era .5s infinite linear;
-webkit-animation: era 10s infinite linear;
-ms-animation: era .5s infinite linear;
}
.head-left {
font-family: "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif;
font-size: 14px;
position: absolute;
top: 46px;
left: 0;
text-align: left;
}
.main-menu.fixit {
position: fixed;
top: 0;
width: 100%;
z-index: 99999;
box-shadow: 0px 10px 30px white;
}
.main-menu {
height: 41px;
background: rgba(39, 87, 206, 1) url(//bayanbox.ir/view/299835463144727269/bar.png);
font-family: "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif;
font-size: 15px;
}
.main-menu ul {
margin: 0 auto;
padding: 0;
direction: rtl;
list-style: none;
width: 98%;
}
.main-menu ul li {
float: right;
margin-left: 5px;
}
.main-menu ul li a {
color: #FFFFFF;
display: block;
padding: 10px 10px 11px;
transition-duration: .5s;
}
.main-menu ul li a:hover {
color: #1e1e14;
/* background: #efbd00; */
box-shadow: 0px 100px rgb(247, 213, 0) inset;
}
.main-menu ul li.selected a {
background: #efbd00;
color: rgb(0, 0, 0);
}
.post-readmore a {
font-size: 16px;
line-height: 1em;
padding: 0 15px 2px;
color: #ffffff;
background: rgba(39, 87, 206, 1);
transition-duration: 1s;
transition: all 1s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
box-shadow: 0px 0px #EFBD00 inset;
}
.post-readmore {
margin-top: 20px;
margin-right: 30px;
margin-bottom: 5px;
margin-left: 20px;
}
.post-readmore a:hover {
color: #000;
box-shadow: -900px 0px #F7D500 inset;
}
.post-readmore a:active {
color: #000;
background: #F7D500;
}
.middle-posts .inline-readmore {
color: #ff4132;
padding-right: 7px;
}
.head-post .readmore {
padding: 2px 35px 5px;
font-size: 15px;
}
.middle-posts .inline-readmore {
color: #0575a5;
padding-right: 7px;
}
.middle-posts .inline-readmore:hover {
color: #efbd00;
padding-right: 7px;
}
.head-post .readmore {
font-size: 16px;
font-family: yekan;
line-height: 1em; padding: 0 15px 2px; color: #ffffff; background: rgba(39, 87, 206, 1); transition-duration: 1s; transition: all 1s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s; box-shadow: 0px 0px #EFBD00 inset;
}
.middle-posts {
background: #fff;
padding: 1px 0;
border-bottom: 1px solid #ddd;
}
.middle-posts-wrp {
direction: rtl;
width: 960px;
margin: 25px auto;
}
.middle-posts h2 {
margin: 0 0 10px;
font-size: 18px;
}
.middle-posts .post-content, .latest-posts .post-content {
font-size: 14px;
text-align: justify;
line-height: 1.8em;
margin: 0;
}
.middle-posts ul {
margin: 0;
padding: 0;
list-style: none;
}
.middle-posts ul li {
font-family: "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif;
float: right;
width: 300px;
margin-left: 30px;
}
.middle-posts ul li:last-child {
margin-left: 0;
}
.middle-posts ul:after {
display: block;
content: ' ';
clear: both;
}
/*-- Pagination --*/
.pagination-box {
margin: auto;
}
.pagination {
font-family: "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif;
cursor: default;
text-align: center;
margin: 40px auto;
font-size: 14px;
padding: 0;
float: none;
}
.pagination .left {
margin-left: -3px;
}
.pagination a {
padding: 0 8px 4px;
margin-left: 3px;
cursor: pointer;
color: #FFFFFF;
background: #2757CE;
float: none;
}
.pagination a:hover {
color: #130638;
background: rgb(239, 189, 0);
}
.pagination a.current {
color: #000000;
background: #EFBD00;
}
.pagination .spacer {
float: right;
padding: 1px 8px;
color: #2757CE;
}
.pagination .pagesList {
display: inline-block;
}
/*-- Content --*/
.content-wrp {
direction: rtl;
width: 1260px;
margin: 30px auto 20px;
position: relative;
margin-top: 50px;
}
.block-content {
width: 950px;
float: right;
}
.block-content-view {
float: right;
width: 100%;
}
blockquote {
border-right: 3px solid #2757CE;
margin: 5px 30px 10px;
padding-right: 10px;
font-style: italic;
}
.block-content .messages {
cursor: default;
margin-bottom: 15px;
border: 1px solid #ddd;
background: #FFFFFF;
}
.block-content .messages .messages-content {
padding: 5px 15px;
color: #aaa;
}
.block-content .messages .messages-content h2 {
color: #888;
font: 21px "yekan", "Times New Roman", Times, Arial, serif;
text-align: center;
cursor: default;
margin: 0 0 7px;
}
.block-content .messages .messages-content h2 a.comment_count {
color: #aaa;
}
.block-content .messages .messages-content h2 a.comment_count:hover {
color: #A4CACF;
cursor: pointer;
}
/*-- Content-post --*/
.block-content .post {
position: relative;
padding: 0;
margin-bottom: 30px;
font-family: "yekan", "armata", "arial", "Times New Roman", Times, Arial, serif;
border: 1px solid #ddd;
background: #fff;
}
.post-image {
overflow: hidden;
}
.post-image img {
width: 100%;
height: auto;
display: block;
}
.post-image a img {
-ms-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.post-image a:hover img {
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.block-content .post .post-title {
padding: 15px 20px 5px;
}
.block-content .post h2 {
margin: 0;
}
.block-content .post h2 a {
line-height: 1.7em;
font-size: 21px;
color: #5127CE;
font-family: 'Armata', 'a google';
text-shadow: rgb(200, 200, 200) 1px 1px, rgb(202, 202, 202) 2px 2px, rgb(204, 204, 204) 3px 3px, rgb(206, 206, 206) 4px 4px, rgb(207, 207, 207) 5px 5px, rgb(209, 209, 209) 6px 6px, rgb(211, 211, 211) 7px 7px, rgb(213, 213, 213) 8px 8px, rgb(214, 214, 214) 9px 9px, rgb(216, 216, 216) 10px 10px, rgb(218, 218, 218) 11px 11px, rgb(220, 220, 220) 12px 12px, rgb(221, 221, 221) 13px 13px, rgb(223, 223, 223) 14px 14px, rgb(225, 225, 225) 15px 15px, rgb(227, 227, 227) 16px 16px, rgb(228, 228, 228) 17px 17px, rgb(230, 230, 230) 18px 18px, rgb(232, 232, 232) 19px 19px, rgb(234, 234, 234) 20px 20px, rgb(235, 235, 235) 21px 21px, rgb(237, 237, 237) 22px 22px, rgb(239, 239, 239) 23px 23px, rgb(241, 241, 241) 24px 24px, rgb(242, 242, 242) 25px 25px, rgb(244, 244, 244) 26px 26px, rgb(246, 246, 246) 27px 27px, rgb(248, 248, 248) 28px 28px, rgb(249, 249, 249) 29px 29px, rgb(251, 251, 251) 30px 30px, rgb(253, 253, 253) 31px 31px, rgb(255, 255, 255) 32px 32px;
}
.block-content .post h2 a:hover {
color: #0000cc;
}
.post-content {
color: #0c1417;
margin: 0 20px 0;
text-align: justify;
font: 14px "yekan", "armata", "tahoma", "arial", "Times New Roman", Times, Arial, serif;
}
.post-content a {
cursor: pointer;
box-shadow: 0px 0px #EFFF00 inset;
background: white;
color: #0049FF; transition: all 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
}
.post-content a:hover {
box-shadow: -900px 0px #FFFFFF inset;
}
.post-content ul li {
margin-right: 5px;
line-height: 1.9em;
}
.post-content img {
max-width: 100%;
height: auto;
border: 1px dotted #ddd;
}
/*-- Content-post-details --*/
.post-details {
font: 14px "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif;
color: #888;
cursor: default;
position: relative;
}
.post-details a {
color: #888 !important;
}
.post-details a:hover {
color: #555 !important;
}
.post-details.over {
position: absolute;
z-index: 9;
}
.post-details.over .post-details-date {
margin: 0 0 2px;
padding: 1px 10px 5px;
background: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.9);
}
.post-details.over .post-details-author {
margin: 0 0 2px;
padding: 1px 10px 5px;
background: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.9);
}
.post-details.bottom {
margin-top: 15px;
padding: 5px 10px;
border-top: 1px solid rgb(221, 221, 221);
border-top-style: dashed;
background: #fcfcfc;
}
.post-details.bottom.nobg {
background: none;
border-top: 0;
}
.post-details.custom {
margin-top: 10px;
padding: 10px 20px;
}
.post-details-right {
}
.post-details-right-avatar{
width: 40px;
margin-left: 5px;
border-radius: 43%;
transition-duration: 1s;
transition: all .4s;
}
img.post-details-right-avatar:hover {
/* border-radius: 32%; */
transform: scale(1.1);
opacity: .9;
}
.post-details-left {
float: left;
}
.post-details-date {
border-left: 1px solid rgba(0, 0, 0, 0.1);
padding-left: 10px;
padding-right: 25px;
margin-left: 3px;
}
.post-details-date.none {
padding: 0;
margin: 10px 0 0;
background: none;
border-left: 0;
display: block;
}
.post-details-comment {
border-left: 1px solid rgba(0, 0, 0, 0.1);
padding: 0 10px;
margin-left: 1px;
}
img.rateimg, img.rateup, img.ratedn {
background: url(//bayanbox.ir/view/7463329971737901276/thumb-up-32.png) no-repeat center left;
width: 32px;
height: 32px;
margin-left: 5px;
}
/* img.rateimg, img.rateup, img.ratedn {
background: url(//cdn.bayan.ir/blog/templates/52722/pd_ico_rate.png) no-repeat center left;
width: 16px;
height: 28px;
vertical-align: top;
} */
.rate-down img.rateimg, img.ratedn {
background-position: 0 -17px;
}
.rate-up img.rateimg, img.rateup {
background-position: 0 3px;
}
.rate-up {
/* margin: 0 10px; */
}
.post-details-share {
border-top: 1px dashed #ddd;
padding-top: 7px;
}
/*-- keywords --*/
.post-details .post-details-tags {
cursor: default;
}
.post-details .post-details-tags h3 {
margin: 0;
display: inline-block;
font: 14px/1.3em "yekan", "tahoma", "arial", "Times New Roman", Helvetica;
color: #888;
background: #f9f9f9;
}
.post-details .post-details-tags h3 a {
color: #888;
padding: 1px 7px 4px;
border: #ddd 1px solid;
display: inline-block;
text-shadow: 0px 0px 0px rgba(255, 255, 255, 0);
}
.post-details .post-details-tags h3 a:hover {
color: #fff !important;
border: #A4CACF 1px solid;
background: #A4CACF;
}
.post-details .post-details-tags h3:first-child {
}
.post-details .post-details-tags h3:last-child {
margin: 0px;
}
/*-- Post Comments --*/
.post-comments {
font: 14px "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif;
margin-bottom: 15px;
}
.post-comment {
margin-bottom: 5px;
background: #FFFFFF;
border: 1px solid rgba(172, 186, 192, 0.5);
}
.comment-details {
background: #f3f3f3;
padding: 0;
cursor: default;
}
.comment-details a {
color: #A4CACF;
cursor: pointer;
vertical-align: bottom;
margin-right: 5px;
-moz-transition-duration: .0s;
-webkit-transition-duration: .0s;
-o-transition-duration: .0s;
-khtml-transition-duration: .0s;
}
.comment-details-left {
padding: 4px 0 0 5px;
float: left;
}
.comment-details-right {
}
.comment-avatar img {
width: 34px;
height: auto;
}
.reply-avatar img {
width: 34px;
height: auto;
margin-left: 10px;
/* border-radius: 43%; */
}
.comment-name {
color: #888;
cursor: default;
padding: 0 5px;
}
.comment-body {
padding: 10px;
}
.comment-body-content {
color: #555;
}
.comment-date {
display: inline-block;
color: rgba(255, 255, 255, 0.6);
}
.comment-website {
background: url(//cdn.bayan.ir/blog/templates/52722/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/52722/details_ico_cmt.png) center -60px no-repeat;
width: 18px;
height: 23px;
display: inline-block;
}
.comment-email:hover {
background-position: center -79px;
cursor: pointer;
}
/*-- Reply --*/
.comment-reply {
margin-bottom: 5px;
border: 1px solid #6ec2e5;
background-color: #e5f7ff;
color: #31ace0;
}
.comment-reply-details {
padding: 0;
background: rgb(219, 243, 253);
}
.comment-reply-date {
float: left;
cursor: default;
margin-left: 10px;
}
.comment-reply-name {
cursor: default;
}
.comment-reply-body {
color: #31ace0;
padding: 10px;
}
.triangle-topleft {
/* width: 0; */
/* height: 0; */
border-top: 100px solid red;
border-right: 100px solid transparent;
}
/*-- add Comment --*/
.comment-add-form {
color: #7E7E7E;
padding: 10px;
margin-bottom: 45px;
border: 1px solid #ddd;
background: #FFFFFF;
font: 14px "yekan", "tahoma", "arial", "Times New Roman", Helvetica;
}
.comment-add-form input.sendbutton {
color: #2757CE;
border: #2757CE 1px solid;
background: #f8f8f8;
padding: 0 30px 2px;
cursor: pointer;
font: 15px "yekan", "tahoma", "arial", "Times New Roman", Helvetica;
-webkit-appearance: button;
border-radius: 0;
transition: all .5s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
box-shadow: 0px 0px rgb(39, 87, 206) inset;
}
.comment-add-form input.sendbutton:hover {
color: #FCFCFC;
border: #FFFFFF 1px solid;
/* background: #2757CE; */
box-shadow: 0px -100px rgb(39, 87, 206) inset;
}
.comment-add-form iframe {
background: #FFF;
}
.block-content .pagination {
margin: 40px auto 20px;
}
/*-- Sidebar --*/
.block-sidebar {
float: left;
width: 290px;
margin-bottom: 10px;
}
.block-sidebar .sidebox {
margin-bottom: 30px;
position: relative;
}
.sidebox .sidebox-title {
position: absolute;
top: -15px;
right: 10px;
display: inline-block;
font: 17px/1.2em "yekan", "tahoma", "arial", "Times New Roman", Helvetica;
background: #f7d500;
color: #1e1e14;
padding: 8px 0 10px;
text-align: center;
cursor: default;
font-weight: normal;
margin: 0;
width: 155px;
z-index: 5;
}
.sidebox .sidebox-content {
font: 14px "yekan", "tahoma", "arial", "Times New Roman", Helvetica;
direction: rtl;
border: 1px solid #ddd;
background: #FFF;
padding: 38px 10px 10px;
}
.sidebox.menu .sidebox-title {
background: #e94620;
}
.sidebox.menu .sidebox-content ul li:hover {
background: rgba(233, 70, 32, 0.2);
}
.sidebox.menu .sidebox-content ul li.selected {
background: rgba(233, 70, 32, 0.2);
border-bottom: 1px solid rgba(233, 70, 32, 0.2);
}
.sidebox.menu .sidebox-content ul li a {
color: #e94620;
}
.sidebox.menu .sidebox-content ul li.selected a {
color: #e94620;
}
.sidebox.blank .sidebox-content {
padding-top: 12px;
border: 1px solid #ddd;
}
.sidebox.blank .sidebox-content h4 {
padding: 8px;
color: #888;
margin: 0;
text-align: justify;
transition-duration: 1s;
font-family: 'Armata', 'yekan';
font-size: 14px;
font-style: normal;
font-weight: normal;
line-height: 25px;
}
.sidebox.blank .sidebox-content h4:hover{
color: #0030A8;
}
.sidebox.blank .sidebox-content .blog-image {
text-align: center;
}
.sidebox.blank .sidebox-content img {
text-align: center;
max-width: 95%;
height: auto;
margin: 5px 0;
}
* html .sidebox.blank .sidebox-content img {
width: 200px;
height: auto;
}
/*-post list-*/
.post-content-right {
float: right;
width: 98%;
}
.post-image-right {
overflow: hidden;
width: 140px;
/*height: 110px;*/
border: 1px solid #ddd;
float: left;
margin: 20px 16px 5px 0;
}
.post-image-right img {
width: 100%;
height: auto;
}
.post-content-left {
float: left;
width: 73px;
border-right: 1px solid #ddd;
text-align: center;
margin: 20px 0 5px;
padding: 0 15px;
}
.post-content-left .post-readmore-left a {
display: block;
width: 39px;
height: 150px;
background: #2757CE url(//bayanbox.ir/view/9165364854893682794/donyait.blog.ir-reeed-more.png) no-repeat center;
margin: 43px auto 0;
transition-duration: 1s;
}
.post-content-left .post-readmore-left a:hover {
color: #fff;
background-color: #efbd00;
}
.post-content-left .post-readmore-left a:active {
background-color: #efbd00;
}
.post-date-left {
cursor: default;
}
.post-date-left-day {
font-size: 40px;
color: #215a62;
padding: 5px 0 15px;
}
.post-date-left-month {
font-size: 18px;
color: #215a62;
}
/*- sidebar post-list -*/
.sidebox-content ul {
list-style: none;
margin: 0;
margin-right: 10px;
padding: 0;
}
.sidebox-content ul li {
padding: 6px 1px;
border-bottom: 1px solid #f1f1f1;
}
.sidebox-content ul li:last-child {
border-bottom: none;
}
.sidebox-content ul li a {
background: url(//cdn.bayan.ir/blog/templates/52722/sidebar-bullet.png) no-repeat right 12px;
padding-right: 10px;
color: #254252;
font: normal 14px "yekan", "tahoma", "arial", "Times New Roman", Helvetica;
}
.sidebox-content ul.menu li a {
background: url(//cdn.bayan.ir/blog/templates/52722/sidebar-bullet2.png) no-repeat right 12px;
}
.sidebox-content ul li a:hover {
color: #2757CE;
}
.sidebox-content ul li:hover {
background: rgba(8, 86, 247, 0.13);
-moz-transition-duration: .2s;
-webkit-transition-duration: .2s;
-o-transition-duration: .2s;
}
.sidebox-content ul li.selected {
padding: 5px 2px;
background: rgba(8, 146, 205, 0.2);
border-bottom: 1px solid rgba(8, 146, 205, 0.2);
}
.sidebox-content ul li.selected a {
color: #0575a5;
}
.sidebox-content .post-list-date, .sidebox-content .post-list-count {
color: #aaa;
cursor: default;
}
.sidebox-content .post-list-count {
padding-right: 5px;
}
.sidebox-content .post-list-date.none {
display: none;
}
/*-- ADS --*/
.sidebox-content.view-ads {
text-align: center;
}
.sidebox-content.view-ads a {
text-align: center;
display: block;
margin-bottom: 5px;
}
.sidebox-content.view-ads a:last-child {
margin-bottom: 0;
}
/*-- Stat --*/
.sidebox-content.stat {
position: relative;
}
.sidebox-content.stat .StatTitle {
cursor: default;
color: #2757CE;
font-size: 13px;
border: none;
text-align: right;
}
.sidebox-content.stat .Value {
color: #2757CE;
cursor: default;
float: left;
padding-left: 10px;
text-align: left;
}
/*-- Tag-Cloud --*/
.sidebox-content.tag-cloud h3 {
margin: 0px;
font: normal 11px "tahoma", "Times New Roman", Times, Arial, serif;
display: inline-block;
*display: inline;
*margin: 2px;
}
.sidebox-content.tag-cloud span {
display: inline-block;
margin: 1px 0px 1px 0px;
}
.sidebox-content.tag-cloud a {
font: 14px/1.3em "yekan", "tahoma", "arial", "Times New Roman", Helvetica;
color: #888;
border: #ddd 1px solid;
background: #f9f9f9;
padding: 1px 7px 4px;
display: inline-block;
*display: inline-block;
margin-left: 1px;
/*margin: 2px 0px 2px 0px;*/
}
.sidebox-content.tag-cloud a:hover {
color: #fff;
border: #A4CACF 1px solid;
background: #A4CACF;
}
.sidebox-content.tag-cloud a.selected {
color: #fff;
border: #A4CACF 1px solid;
background: #A4CACF;
}
/*-- Categories --*/
.sidebox-content.categories ul li {
padding: 0;
border: none;
}
.sidebox-content.categories li:hover {
background: none;
}
.sidebox-content ul li.selected a {
color: #0575a5;
}
.sidebox-content.categories ul li ul.subcats a {
padding-right: 10px;
padding-top: 1px;
display: inline-block;
background: url(//cdn.bayan.ir/blog/templates/52722/sub_ico.png) right no-repeat;
}
.sidebox-content.categories ul li a {
padding-bottom: 0;
padding-right: 20px;
display: table-cell;
*display: inline-block;
background: url(//cdn.bayan.ir/blog/templates/52722/folder_ico.png) right 8px no-repeat;
}
.sidebox-content.categories ul li h3 {
color: #2757CE;
margin: 0;
font: normal 14px "yekan", "tahoma", "arial", "Times New Roman", Helvetica;
text-shadow: 0px 0px 0px;
}
.sidebox-content.categories ul li h3:hover {
color: #EF0000;
}
.sidebox-content.categories ul li.selected {
background: none;
}
.sidebox-content.categories .subcats li.selected {
background: none;
}
.sidebox-content.categories .subcats {
margin-right: 14px;
margin-top: -3px;
}
.sidebox-content.categories ul .post-list-count {
cursor: default;
display: table-cell;
color: #aaa;
}
.sidebox-content.categories .subcats .post-list-count {
cursor: default;
display: inline-block;
color: #aaa;
}
.sidebox-content.categories .category_selected {
background: rgba(8, 146, 205, 0.2);
padding: 2px 5px 2px 5px;
display: block;
height: 31px;
max-height: auto;
*height: auto;
}
.sidebox-content.categories .category_selected a {
color: inherit;
cursor: default;
}
/* -------------------------------------- Footer --------------------------------------------- */
.footer {
color: #f4f4f4;
border-top: 4px solid #F7D500;
height: 230px;
background: linear-gradient(45deg,#130638 0%,#2650C3 70%,#2650C3 70%,#130638 100%);
/* margin-top: 20px; */
font-family: yekan;
line-height: 2em;
font-size: 13px;
}
.footer a {
color: #DABC49;
}
.footer a:hover {
color: white;
font-style: italic;
}
.footer-wrp {
position: relative;
margin: auto;
width: 72%;
}
.footer .footer-copyright {
right: 0;
top: 11px;
text-align: right;
direction: rtl;
cursor: default;
font: 13px yekan;
}
.footer .footer-icons {
left: 0;
top: 15px;
text-align: left;
}
.footer .footer-icons a {
float: left;
margin-right: 3px;
width: 32px;
height: 32px;
}
.footer-ico-rss {
background: url(//bayanbox.ir/view/3288254333792865941/Significon-RSS-32.png) no-repeat;
/* background: url(//cdn.bayan.ir/blog/templates/shared/icon/rss-icon-crystal.png) no-repeat; */
}
.bottom-border-footer {
/* background: url(//bayanbox.ir/view/3971645917320188941/pattern.png); */
background-repeat: repeat-x;
background-color: #EFBD00;
width: 100%;
height: 1px;
border: 1px;
}
.footer-column {
width: 300px;
direction: rtl;
float: right;
min-height: 1px;
margin-left: 50px;
}
.h3-footer {
color: #FFF;
font-size: 16px;
margin-top: 15px;
}
/*--------------------------------------- Slider -------------------------------------------*/
#SliderWrap {
background-color: #FFFFFF;
margin: 0 auto 5px;
overflow: hidden;
position: relative;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.SlidesWrap {
width: 900px;
margin-left: 40px;
margin-right: 40px;
float: left;
overflow: hidden;
position: relative;
}
ul#SlidesCont {
width: 10000px;
position: relative;
float: left;
padding: 0;
}
ul#SlidesCont li {
width: 216px;
float: left;
position: relative;
list-style: none;
direction: rtl;
margin-left: 5px ;
-moz-transition: all .2s;
-webkit-transition: all .2s;
-o-transition: all .2s;
}
ul#SlidesCont li:hover {
background-color: rgba(4, 63, 211, 0.15);
}
ul#SlidesCont li:hover .slideContent {
color: #333;
}
ul#SlidesCont li:hover h2 a {
color: #2757CE;
}
ul#SlidesCont li .SlideImg {
background-color: #FFFFFF;
border: 3px solid rgba(0, 0, 0, 0);
height: 100px;
margin: 10px 12px 5px;
overflow: hidden;
width: 188px;
}
ul#SlidesCont li:hover .SlideImg {
border: 3px solid rgba(4, 63, 211, 0.15);
}
ul#SlidesCont li h2 a {
color: #3D3D3D;
font-size: 14px;
display:inline-block;
text-decoration: none;
}
ul#SlidesCont li .slideContent {
color: #ccc;
margin: 5px 10px 10px;
text-align: right;
clear: both;
font: 12px/20px tahoma;
}
#Prev, #Next {
bottom: 0;
cursor: pointer;
height: 100%;
position: absolute;
width: 25px;
text-indent: -9999px;
z-index: 10;
text-align:center;
font: 11px/25px tahoma;
}
#Next {
right: 0;
background: url('//bayanbox.ir/view/6136103456254699112/next-donyait.blog.ir.png') no-repeat center right #FFCA00;
}
#Next:hover {
background-color: rgb(239, 189, 0);
color:#fff;
background-position: center left;
}
#Prev {
left: 0px;
background: url('//bayanbox.ir/view/2714158857012551389/prev-donyait.blog.ir.png') no-repeat center left #FFCA00;
}
#Prev:hover{
background-color: rgb(239, 189, 0);
color:#fff;
background-position: center right;
}
/*--------------------------------------- /Slider -----------------------------------------*/
/* ------------------------------------- Footer Container ------------------------------------ */
.footer_contain{
margin-top: 10px;
/* clear:both; */
color:#fff;
background: rgba(255, 255, 255, 1);
border-top: 1px solid #E2E2E2;
box-shadow: 0px 0px rgb(226, 226, 226) inset;
transition: all 1s ease-in-out 0s;
}
.footer_contain:hover{
box-shadow: 0px -900px #FFFFFF inset;
}
.footer_contain .content{
color: #130638;
text-align: right;
direction:rtl;
width: 91%;
}
.footer_contain .content .cnt{
padding:20px 0px;
overflow:hidden;
}
.footer_contain .content .bx{
margin-left:40px;
display: inline-block;
}
.footer_contain .content .bx.BLast{
margin-left:0;
}
.footer_contain .content .bx ul{
list-style:none;
padding:0px;margin:0px;
margin-bottom:10px;
font-size: 1.2em;
}
.footer_contain .content .bx h4{
color:#CCC;
font-family: "Armata" "yekan" ;
font-weight:bold;
font-size:15px;
cursor:default;
padding:0px;margin:0px;
margin-bottom:10px;
}
.footer_contain .content .bx ul li{
color: #515151;
cursor:default;
padding:5px 18px 5px 1px;
border-bottom: 1px solid #E2E2E2;
background: url(http://bayanbox.ir/view/5745598644625786302/donyait.blog.ir-blue-star-16px.png) no-repeat right 9px;
font-family: "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif;
font-size: 14px;
transition: all 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
box-shadow: 0px 0px #F7D500 inset;
}
.footer_contain .content .bx ul li:hover{
background:url(http://cdn.bayan.ir/blog/templates/1767/star.png) no-repeat right 9px;
box-shadow: -500px 0px rgba(0,0,0,0) inset;
}
.footer_contain .content .bx ul li a{
color: #130638;
cursor:pointer;
/* box-shadow: 0px 0px #F7D500 inset; */
/* background: transparent; */
/* transition: all 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s; */
line-height: 1.8em;
}
.footer_contain .content .bx ul li a:hover{
color: #2757CE;
/* box-shadow: -500px 0px rgba(0,0,0,0) inset; */
line-height: 1.8em;
}
.footer_contain .content .bx ul li.selected{
cursor:default;
color:#CCC;
}
.title-takide{background:rgba(0,0,0,0.1);font-family:b yekan;font-size:23px;color:rgba(0,0,0,0.5);padding:6px;border-radius:5px;margin-top:130px;float:right;margin-right:10px;}
.footer_contain-title{
font-size: 1.5em;
font-family: 'Armata', 'yekan';
color: rgb(39, 87, 206);
margin-bottom: 15px;
}
/* ------------------------------------------- /Footer Container ---------------------------- */
/*-------------------------------------------- featured ------------------------------------- */
.head-post {
position: relative;
height: 390px;
text-align: center;
overflow: hidden;
background: url(//bayanbox.ir/view/258531978909545578/fgtg.jpg) center center no-repeat scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
.head-post h2 {
margin: 0px 0 30px;
padding: 140px 0 0;
font-size: 28px;
line-height: 1.5em;
}
.head-post h2 a {
color: #fff;
background: rgba(0, 0, 0, 0.5);
padding: 0 25px 9px;
margin: 0;
}
/*------------------------------------------------ /featured --------------------------------- */
/* -------------------------------------- effect -------------------------------------------------------------------------------------------------- */
/* -----demo: http://tympanus.net/Development/CreativeLinkEffects/
------source: http://tympanus.net/Development/CreativeLinkEffects/CreativeLinkEffects.zip */
nav a {
position: relative;
display: inline-block;
color: #5127CE;
text-transform: uppercase;
margin-bottom: 20px;
}
nav a:hover,
nav a:focus {
outline: none;
}
/* Effect 1: Brackets */
.cl-effect-1 a::before,
.cl-effect-1 a::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
}
.cl-effect-1 a::before {
margin-right: 10px;
content: '[';
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
}
.cl-effect-1 a::after {
margin-left: 10px;
content: ']';
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px);
}
.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
}
/* Effect 2: 3D rolling links, idea from http://hakim.se/thoughts/rolling-links */
.cl-effect-2 a {
line-height: 44px;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}
.cl-effect-2 a span {
position: relative;
display: inline-block;
padding: 0 14px;
background: #2195de;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.csstransforms3d .cl-effect-2 a span::before {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
background: #0965a0;
content: attr(data-hover);
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.cl-effect-2 a:hover span,
.cl-effect-2 a:focus span {
-webkit-transform: rotateX(90deg) translateY(-22px);
-moz-transform: rotateX(90deg) translateY(-22px);
transform: rotateX(90deg) translateY(-22px);
}
.csstransforms3d .cl-effect-2 a:hover span::before,
.csstransforms3d .cl-effect-2 a:focus span::before {
background: #28a2ee;
}
/* Effect 3: bottom line slides/fades in */
.cl-effect-3 a {
padding: 8px 0;
}
.cl-effect-3 a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 4px;
background: rgba(0,0,0,0.1);
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
}
.cl-effect-3 a:hover::after,
.cl-effect-3 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
/* Effect 4: bottom border enlarge */
.cl-effect-4 a {
padding: 0 0 10px;
}
.cl-effect-4 a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1px;
background: #fff;
content: '';
opacity: 0;
-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: height 0.3s, opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-4 a:hover::after,
.cl-effect-4 a:focus::after {
height: 5px;
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
/* Effect 5: same word slide in */
.cl-effect-5 a {
overflow: hidden;
padding: 0 4px;
height: 1em;
}
.cl-effect-5 a span {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cl-effect-5 a span::before {
position: absolute;
top: 100%;
content: attr(data-hover);
font-weight: 700;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
/* Effect 5: same word slide in and border bottom */
.cl-effect-6 a {
margin: 0 10px;
padding: 10px 20px;
}
.cl-effect-6 a::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background: #fff;
content: '';
-webkit-transition: top 0.3s;
-moz-transition: top 0.3s;
transition: top 0.3s;
}
.cl-effect-6 a::after {
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 2px;
background: #fff;
content: '';
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
transition: height 0.3s;
}
.cl-effect-6 a:hover::before {
top: 100%;
opacity: 1;
}
.cl-effect-6 a:hover::after {
height: 100%;
}
/* Effect 7: second border slides up */
.cl-effect-7 a {
padding: 12px 10px 10px;
color: #566473;
text-shadow: none;
font-weight: 700;
}
.cl-effect-7 a::before,
.cl-effect-7 a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 3px;
background: #566473;
content: '';
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);
transform: scale(0.85);
}
.cl-effect-7 a::after {
opacity: 0;
-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: top 0.3s, opacity 0.3s, transform 0.3s;
}
.cl-effect-7 a:hover::before,
.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::before,
.cl-effect-7 a:focus::after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::after {
top: 0%;
opacity: 1;
}
/* Effect 8: border slight translate */
.cl-effect-8 a {
padding: 10px 20px;
}
.cl-effect-8 a::before,
.cl-effect-8 a::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 3px solid #354856;
content: '';
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.cl-effect-8 a::after {
border-color: #fff;
opacity: 0;
-webkit-transform: translateY(-7px) translateX(6px);
-moz-transform: translateY(-7px) translateX(6px);
transform: translateY(-7px) translateX(6px);
}
.cl-effect-8 a:hover::before,
.cl-effect-8 a:focus::before {
opacity: 0;
-webkit-transform: translateY(5px) translateX(-5px);
-moz-transform: translateY(5px) translateX(-5px);
transform: translateY(5px) translateX(-5px);
}
.cl-effect-8 a:hover::after,
.cl-effect-8 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px) translateX(0px);
-moz-transform: translateY(0px) translateX(0px);
transform: translateY(0px) translateX(0px);
}
/* Effect 9: second text and borders */
.cl-effect-9 a {
margin: 0 20px;
padding: 18px 20px;
}
.cl-effect-9 a::before,
.cl-effect-9 a::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: #fff;
content: '';
opacity: 0.2;
-webkit-transition: opacity 0.3s, height 0.3s;
-moz-transition: opacity 0.3s, height 0.3s;
transition: opacity 0.3s, height 0.3s;
}
.cl-effect-9 a::after {
top: 100%;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-9 a span:first-child {
z-index: 2;
display: block;
font-weight: 300;
}
.cl-effect-9 a span:last-child {
z-index: 1;
display: block;
padding: 8px 0 0 0;
color: rgba(0,0,0,0.4);
text-shadow: none;
text-transform: none;
font-style: italic;
font-size: 0.75em;
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
.cl-effect-9 a:hover::before,
.cl-effect-9 a:focus::before {
height: 6px;
}
.cl-effect-9 a:hover::before,
.cl-effect-9 a:hover::after,
.cl-effect-9 a:focus::before,
.cl-effect-9 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
.cl-effect-9 a:hover span:last-child,
.cl-effect-9 a:focus span:last-child {
opacity: 1;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
}
/* Effect 10: reveal, push out */
.cl-effect-10 {
position: relative;
z-index: 1;
}
.cl-effect-10 a {
overflow: hidden;
margin: 0 15px;
}
.cl-effect-10 a span {
display: block;
padding: 10px 20px;
background: #0f7c67;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cl-effect-10 a::before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
padding: 10px 20px;
width: 100%;
height: 100%;
background: #fff;
color: #0f7c67;
content: attr(data-hover);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: translateX(-25%);
}
.cl-effect-10 a:hover span,
.cl-effect-10 a:focus span {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
transform: translateX(100%);
}
.cl-effect-10 a:hover::before,
.cl-effect-10 a:focus::before {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
}
/* Effect 11: text fill based on Lea Verou's animation http://dabblet.com/gist/6046779 */
.cl-effect-11 a {
padding: 10px 0;
border-top: 2px solid #0972b4;
color: #0972b4;
text-shadow: none;
}
.cl-effect-11 a::before {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
padding: 10px 0;
max-width: 0;
border-bottom: 2px solid #fff;
color: #fff;
content: attr(data-hover);
-webkit-transition: max-width 0.5s;
-moz-transition: max-width 0.5s;
transition: max-width 0.5s;
}
.cl-effect-11 a:hover::before,
.cl-effect-11 a:focus::before {
max-width: 100%;
}
/* Effect 12: circle */
.cl-effect-12 a::before,
.cl-effect-12 a::after {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
border: 2px solid rgba(0,0,0,0.1);
border-radius: 50%;
content: '';
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
transform: translateX(-50%) translateY(-50%) scale(0.2);
}
.cl-effect-12 a::after {
width: 90px;
height: 90px;
border-width: 6px;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
transform: translateX(-50%) translateY(-50%) scale(0.8);
}
.cl-effect-12 a:hover::before,
.cl-effect-12 a:hover::after,
.cl-effect-12 a:focus::before,
.cl-effect-12 a:focus::after {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
-moz-transform: translateX(-50%) translateY(-50%) scale(1);
transform: translateX(-50%) translateY(-50%) scale(1);
}
/* Effect 13: three circles */
.cl-effect-13 a {
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-13 a::before {
position: absolute;
top: 100%;
left: 50%;
color: rgba(255, 0, 0, 0);
content: '♥';
text-shadow: 0 0 rgba(255, 255, 255, 0);
font-size:20px;
-webkit-transition: text-shadow 0.3s, color 0.3s;
-moz-transition: text-shadow 0.3s, color 0.3s;
transition: text-shadow 0.3s, color 0.3s;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
pointer-events: none;
}
.cl-effect-13 a:hover::before,
.cl-effect-13 a:focus::before {
color: #EFBD00;
text-shadow: 20px 0 #2757CE, -20px 0 #CE2727;
}
.cl-effect-13 a:hover,
.cl-effect-13 a:focus {
color: #ba7700;
}
/* Effect 14: border switch */
.cl-effect-14 a {
padding: 0 20px;
height: 45px;
line-height: 45px;
}
.cl-effect-14 a::before,
.cl-effect-14 a::after {
position: absolute;
width: 45px;
height: 2px;
background: #fff;
content: '';
opacity: 0.2;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
pointer-events: none;
}
.cl-effect-14 a::before {
top: 0;
left: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
}
.cl-effect-14 a::after {
right: 0;
bottom: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.cl-effect-14 a:hover::before,
.cl-effect-14 a:hover::after,
.cl-effect-14 a:focus::before,
.cl-effect-14 a:focus::after {
opacity: 1;
}
.cl-effect-14 a:hover::before,
.cl-effect-14 a:focus::before {
left: 50%;
-webkit-transform: rotate(0deg) translateX(-50%);
-moz-transform: rotate(0deg) translateX(-50%);
transform: rotate(0deg) translateX(-50%);
}
.cl-effect-14 a:hover::after,
.cl-effect-14 a:focus::after {
right: 50%;
-webkit-transform: rotate(0deg) translateX(50%);
-moz-transform: rotate(0deg) translateX(50%);
transform: rotate(0deg) translateX(50%);
}
/* Effect 15: scale down, reveal */
.cl-effect-15 a {
color: rgba(0,0,0,0.2);
font-weight: 700;
text-shadow: none;
}
.cl-effect-15 a::before {
color: #fff;
content: attr(data-hover);
position: absolute;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.cl-effect-15 a:hover::before,
.cl-effect-15 a:focus::before {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
transform: scale(0.9);
opacity: 0;
}
/* Effect 16: fall down */
.cl-effect-16 a {
color: #2757CE;
text-shadow: 0 0 1px rgba(111,134,134,0.3);
}
.cl-effect-16 a::before {
color: #efbd00;
content: attr(data-hover);
position: absolute;
opacity: 0;
text-shadow: 0 0 1px rgba(255,255,255,0.3);
-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-16 a:hover::before,
.cl-effect-16 a:focus::before {
-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
opacity: 1;
}
/* Effect 17: move up fade out, push border */
.cl-effect-17 a {
color: #10649b;
text-shadow: none;
padding: 10px 0;
}
.cl-effect-17 a::before {
color: #fff;
text-shadow: 0 0 1px rgba(255,255,255,0.3);
content: attr(data-hover);
position: absolute;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-17 a::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: #fff;
opacity: 0;
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
transform: translateY(5px);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-17 a:hover::before,
.cl-effect-17 a:focus::before {
opacity: 0;
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
transform: translateY(-2px);
}
.cl-effect-17 a:hover::after,
.cl-effect-17 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
/* Effect 18: cross */
.cl-effect-18 {
position: relative;
z-index: 1;
}
.cl-effect-18 a {
padding: 0 5px;
color: #b4770d;
font-weight: 700;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-18 a::before,
.cl-effect-18 a::after {
position: absolute;
width: 100%;
left: 0;
top: 50%;
height: 2px;
margin-top: -1px;
background: #b4770d;
content: '';
z-index: -1;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-18 a::before {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
transform: translateY(-20px);
}
.cl-effect-18 a::after {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
transform: translateY(20px);
}
.cl-effect-18 a:hover,
.cl-effect-18 a:focus {
color: #fff;
}
.cl-effect-18 a:hover::before,
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::before,
.cl-effect-18 a:focus::after {
opacity: 0.7;
}
.cl-effect-18 a:hover::before,
.cl-effect-18 a:focus::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* Effect 19: 3D side */
.cl-effect-19 a {
line-height: 2em;
margin: 15px;
-webkit-perspective: 800px;
-moz-perspective: 800px;
perspective: 800px;
width: 200px;
}
.cl-effect-19 a span {
position: relative;
display: inline-block;
width: 100%;
padding: 0 14px;
background: #e35041;
-webkit-transition: -webkit-transform 0.4s, background 0.4s;
-moz-transition: -moz-transform 0.4s, background 0.4s;
transition: transform 0.4s, background 0.4s;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 50% 50% -100px;
-moz-transform-origin: 50% 50% -100px;
transform-origin: 50% 50% -100px;
}
.csstransforms3d .cl-effect-19 a span::before {
position: absolute;
top: 0;
left: 100%;
width: 100%;
height: 100%;
background: #b53a2d;
content: attr(data-hover);
-webkit-transition: background 0.4s;
-moz-transition: background 0.4s;
transition: background 0.4s;
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
transform-origin: 0 50%;
pointer-events: none;
}
.cl-effect-19 a:hover span,
.cl-effect-19 a:focus span {
background: #b53a2d;
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.csstransforms3d .cl-effect-19 a:hover span::before,
.csstransforms3d .cl-effect-19 a:focus span::before {
background: #ef5e50;
}
/* Effect 20: 3D side */
.cl-effect-20 a {
line-height: 2em;
-webkit-perspective: 800px;
-moz-perspective: 800px;
perspective: 800px;
}
.cl-effect-20 a span {
position: relative;
display: inline-block;
padding: 3px 15px 0;
background: #587285;
box-shadow: inset 0 3px #2f4351;
-webkit-transition: background 0.6s;
-moz-transition: background 0.6s;
transition: background 0.6s;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.cl-effect-20 a span::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
color: #2f4351;
content: attr(data-hover);
-webkit-transform: rotateX(270deg);
-moz-transform: rotateX(270deg);
transform: rotateX(270deg);
-webkit-transition: -webkit-transform 0.6s;
-moz-transition: -moz-transform 0.6s;
transition: transform 0.6s;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
pointer-events: none;
}
.cl-effect-20 a:hover span,
.cl-effect-20 a:focus span {
background: #2f4351;
}
.cl-effect-20 a:hover span::before,
.cl-effect-20 a:focus span::before {
-webkit-transform: rotateX(10deg);
-moz-transform: rotateX(10deg);
transform: rotateX(10deg);
}
/* Effect 21: borders slight translate */
.cl-effect-21 a {
padding: 10px;
color: #237546;
font-weight: 700;
text-shadow: none;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-21 a::before,
.cl-effect-21 a::after {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background: #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-21 a::before {
top: 0;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-21 a::after {
bottom: 0;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
}
.cl-effect-21 a:hover,
.cl-effect-21 a:focus {
color: #fff;
}
.cl-effect-21 a:hover::before,
.cl-effect-21 a:focus::before,
.cl-effect-21 a:hover::after,
.cl-effect-21 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
/* -------------------------------------- /effect ------------------------------------------ */
/*---------------------------------------- Google search ----------------------------------- */
.gsc-control-cse {
font-family: Arial, sans-serif;
border-color: #FFFFFF;
background-color: #FFFFFF;
}
.gsc-control-cse .gsc-table-result {
font-family: Arial, sans-serif;
}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
border-color: #D9D9D9;
}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
border-color: #666666;
background-color: #CECECE;
background-image: none;
filter: none;
}
.gsc-tabHeader.gsc-tabhInactive {
border-color: #FF9900;
background-color: #FFFFFF;
}
.gsc-tabHeader.gsc-tabhActive {
border-color: #E9E9E9;
background-color: #E9E9E9;
border-bottom-color: #FF9900
}
.gsc-tabsArea {
border-color: #FF9900;
}
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
border-color: #FFFFFF;
background-color: #FFFFFF;
}
.gsc-webResult.gsc-result:hover, .gsc-imageResult:hover {
border-color: #FFFFFF;
background-color: #FFFFFF;
}
.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {
color: #0000CC;
}
.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b {
color: #0000CC;
}
.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b {
color: #0000CC;
}
.gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b {
color: #0000CC;
}
.gsc-cursor-page {
color: #0000CC;
}
a.gsc-trailing-more-results:link {
color: #0000CC;
}
.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
color: #000000;
}
.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
color: #008000;
}
.gs-webResult div.gs-visibleUrl-short {
color: #008000;
}
.gs-webResult div.gs-visibleUrl-short {
display: none;
}
.gs-webResult div.gs-visibleUrl-long {
display: block;
}
.gs-promotion div.gs-visibleUrl-short {
display: none;
}
.gs-promotion div.gs-visibleUrl-long {
display: block;
}
.gsc-cursor-box {
border-color: #FFFFFF;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
border-color: #E9E9E9;
background-color: #FFFFFF;
color: #0000CC;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
border-color: #FF9900;
background-color: #FFFFFF;
color: #0000CC;
}
.gsc-webResult.gsc-result.gsc-promotion {
border-color: #336699;
background-color: #FFFFFF;
}
.gsc-completion-title {
color: #0000CC;
}
.gsc-completion-snippet {
color: #000000;
}
.gs-promotion a.gs-title:link,.gs-promotion a.gs-title:link *,.gs-promotion .gs-snippet a:link {
color: #0000CC;
}
.gs-promotion a.gs-title:visited,.gs-promotion a.gs-title:visited *,.gs-promotion .gs-snippet a:visited {
color: #0000CC;
}
.gs-promotion a.gs-title:hover,.gs-promotion a.gs-title:hover *,.gs-promotion .gs-snippet a:hover {
color: #0000CC;
}
.gs-promotion a.gs-title:active,.gs-promotion a.gs-title:active *,.gs-promotion .gs-snippet a:active {
color: #0000CC;
}
.gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right * {
color: #000000;
}
.gs-promotion .gs-visibleUrl,.gs-promotion .gs-visibleUrl-short {
color: #008000;
}
/*---------------------------------------- /Google search ----------------------------------- */
/* -------------------------------------------- search -------------------------------------- */
#search {
position: relative;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
margin-top: 25px;
}
#search input[type="text"] {
background-color: #FFFFFF;
border-color: #2757CE;
color: #ffffff;
width: 93%;
height: 20px;
border-radius: 0;
font-family: 'Armata','a google';
line-height: 1.8;
}
#search input[type="text"]:focus,
#search input[type="text"]:hover {
background-color: #D4DFFA;
border-color: #2757CE;
color: rgb(39, 87, 206);
}
#search .search-bt {
background: url("//bayanbox.ir/view/7195418525321857584/search-bt.png") no-repeat scroll center center #2757CE;
border: 1px rgb(39, 87, 206);
border-radius: 0px;
border-right: 0px;
cursor: pointer;
height: 30px;
left: 0;
position: absolute;
top: 0;
width: 30px;
z-index: 2;
}
#search .search-bt:hover {
background-color: #0030A8;
}
/* --------------------------------------------- /search -------------------------------------- */
/*------------------------------------------------ Responsive---------------------------------*/
.hidden-res{
}
@media only screen and (width: 1600px) {
.content-wrp {
width: 85%;
}
.block-content {
width: 70%;
}
.block-sidebar {
width: 28%;
}
.header-wrp {
width: ;
}
.main-menu ul {
width: 85%;
}
.head-right-img {
margin-right:110px;
}
.footer {
height: 200px;
}
.footer-wrp{
width: 66%;
}
}
@media only screen and (max-width: 1265px) {
.content-wrp {
width: 98%;
}
.block-content {
width: 75%;
}
.block-sidebar {
width: 24%;
}
.header-wrp {
width: 98%;
}
.footer-wrp {
width: 900px;
}
.head-right-img {
margin-right:110px;
}
.footer {
height: 400px;
}
.footer-wrp{
width: 85%;
}
}
@media only screen and (max-width: 1420px) {
.footer_contain {
/*display: none*/
}
.head-right-img {
margin-right:110px;
}
.footer {
height: 310px;
}
.footer-wrp{
width: 87%;
}
}
@media only screen and (max-width: 1015px) {
.content-wrp {
width: 98%;
}
.header-wrp {
width: 900px;
}
.footer-wrp {
width: 90%;
}
.block-content {
width: 75%;
}
.head-left h2 {
display:none;
}
.head-right-img {
margin-right:110px;
}
.footer {
height: 310px;
}
}
@media only screen and (max-width: 915px) {
.content-wrp {
width: 98%;
}
.header-wrp {
width: 800px;
}
.footer-wrp {
width: 800px;
}
.block-content {
width: 98%;
}
.block-sidebar {
width: 98%;
}
.head-left h2 {
display:none;
}
.head-right-img {
margin-right:110px;
}
.footer {
height: 350px;
}
}
@media only screen and (max-width: 820px) {
.content-wrp {
width: 98%;
}
.header-wrp {
width: 690px;
}
.head-left h2 {
display:none;
}
.footer-wrp {
width: 90%;
}
.block-content {
width: 98%;
}
.block-sidebar {
width: 98%;
}
.main-menu {
height: 80px;
}
.main-menu.fixit {
display: none;
}
.head-right-img {
margin-right:110px;
}
.footer {
height: 320px;
}
}
@media only screen and (max-width: 781px) {
.footer {
height: 470px;
}
}
@media only screen and (max-width: 700px) {
.content-wrp {
width: 98%;
}
.header-wrp {
width: 600px;
}
.head-left h2 {
display:none;
}
.footer-wrp {
width: 600px;
}
.block-content {
width: 98%;
}
.block-sidebar {
width: 98%;
}
.footer {
height: 490px;
}
.main-menu {
height: 80px;
}
.main-menu.fixit {
display: none;
}
.hidden-res {
display:none;
}
.head-right-img {
margin-right:110px;
}
.bx-in-sh {
display: block !important;
width: 100% !important;
}
.header {
border-top: 0px solid #F7D500;
}
}
@media only screen and (max-width: 650px) {
.content-wrp {
width: 98%;
}
.header-wrp {
width: 550px;
}
.head-left h2 {
display:none;
}
.footer-wrp {
width: 90%;
}
.block-content {
width: 98%;
}
.block-sidebar {
width: 98%;
}
.bComForm .commentAvatar img {
display: none;
}
.main-menu {
height: 80px
}
.main-menu.fixit {
display:none;
}
.hidden-res{
display:none;
}
.block-content .post h2 a{
font-size:19px;
}
.head-right-img {
margin-right:110px;
}
}
@media only screen and (max-width: 550px) {
.content-wrp {
width: 98%;
}
.block-sidebar {
width: 98%;
}
.block-content {
width: 98%;
}
.head-left h2 {
display:none;
}
.main-menu {
height: 80px;
}
.main-menu.fixit {
display: none;
}
.hidden-res{
display:none;
}
.block-content .post h2 a{
font-size:19px;
}
#SliderWrap {
display: none;
}
.head-right-img {
margin-right:110px;
}
}
@media only screen and (max-width: 530px) {
.Era {
display: none;
}
.hidden-res{
display:none;
}
.hidden-res-logo {
display:none;
}
.block-content .post h2 a{
font-size:18px;
}
#SliderWrap {
display: none;
}
.head-right-img {
margin:auto;
}
}
@media only screen and (max-width: 427px) {
.content-wrp {
width: 98%;
}
.block-sidebar {
width: 98%;
}
.block-content {
width: 98%;
}
.head-left h2 {
display:none;
}
.Era {
display: none;
}
.main-menu {
height: 120px;
}
.main-menu.fixit {
display: none;
}
.post-details.bottom{
display:none;
}
.hidden-res{
display:none;
}
.post-readmore {
margin-top: 20px;
margin-bottom: 30px;
margin-right: 36%;
}
#SliderWrap {
display: none;
}
.block-content .post h2 a{
font-size:16px;
}
.head-right-img {
margin:auto;
}
}
/*-------- Responsive Menu --------*/
#cssmenu {
position: relative;
height: 44px;
background: #2757CE;
width: 100%;
/* margin: auto; */
}
#cssmenu ul {
list-style: none;
padding: 0;
margin: 0;
line-height: 1;
}
#cssmenu > ul {
position: relative;
display: block;
background: #2757CE;
width: 85%;
z-index: 500;
margin: auto;
}
#cssmenu:after,
#cssmenu > ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#cssmenu.align-right > ul > li {
float: right;
}
#cssmenu.align-center ul {
text-align: center;
}
#cssmenu.align-center ul ul {
text-align: left;
}
#cssmenu > ul > li {
display: inline-block;
position: relative;
margin: 0px;
padding: 0;
}
#cssmenu > ul > #menu-button {
display: none;
}
#cssmenu ul li a {
display: block;
font-family: yekan;
text-decoration: none;
}
#cssmenu > ul > li > a {
font-size: 14px;
/* font-weight: bold; */
padding: 15px 20px;
color: #FFFFFF;
text-transform: uppercase;
-webkit-transition: color 0.5s ease-out;
-moz-transition: color 0.5s ease-out;
-ms-transition: color 0.5s ease-out;
-o-transition: color 0.5s ease-out;
transition: color .5s ease-out;
}
#cssmenu > ul > li > a:hover {
background-color: #EFBD00;
color: black;
}
#cssmenu > ul > li.has-sub > a {
padding-right: 32px;
}
#cssmenu > ul > li:hover > a {
color: #000;
}
#cssmenu li.has-sub::after {
display: block;
content: "";
position: absolute;
width: 0;
height: 0;
}
#cssmenu > ul > li.has-sub::after {
right: 10px;
top: 20px;
border: 5px solid transparent;
border-top-color: #7a8189;
}
#cssmenu > ul > li:hover::after {
border-top-color: #ffffff;
}
#indicatorContainer {
position: absolute;
height: 12px;
width: 100%;
bottom: 0px;
overflow: hidden;
z-index: -1;
}
#pIndicator {
position: absolute;
height: 0;
width: 100%;
border: 12px solid transparent;
border-top-color: #2b2f3a;
z-index: -2;
-webkit-transition: left .25s ease;
-moz-transition: left .25s ease;
-ms-transition: left .25s ease;
-o-transition: left .25s ease;
transition: left .25s ease;
}
#cIndicator {
position: absolute;
height: 0;
width: 100%;
border: 12px solid transparent;
border-top-color: #2b2f3a;
top: -12px;
right: 100%;
z-index: -2;
}
#cssmenu ul ul {
position: absolute;
left: -9999px;
top: 70px;
opacity: 0;
-webkit-transition: opacity .3s ease, top .25s ease;
-moz-transition: opacity .3s ease, top .25s ease;
-ms-transition: opacity .3s ease, top .25s ease;
-o-transition: opacity .3s ease, top .25s ease;
transition: opacity .3s ease, top .25s ease;
z-index: 1000;
}
#cssmenu ul ul ul {
top: 37px;
padding-left: 5px;
}
#cssmenu ul ul li {
position: relative;
}
#cssmenu > ul > li:hover > ul {
left: auto;
top: 44px;
opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
left: auto;
right: 0;
opacity: 1;
}
#cssmenu ul ul li:hover > ul {
left: 170px;
top: 0;
opacity: 1;
}
#cssmenu.align-right ul ul li:hover > ul {
left: auto;
right: 170px;
top: 0;
opacity: 1;
padding-right: 5px;
}
#cssmenu ul ul li a {
width: 130px;
border-bottom: 1px solid #eeeeee;
padding: 10px 20px;
font-size: 12px;
color: #9ea2a5;
background: #ffffff;
-webkit-transition: all .35s ease;
-moz-transition: all .35s ease;
-ms-transition: all .35s ease;
-o-transition: all .35s ease;
transition: all .35s ease;
}
#cssmenu.align-right ul ul li a {
text-align: right;
}
#cssmenu ul ul li:hover > a {
background: #f2f2f2;
color: #8c9195;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {
border-bottom: 0;
}
#cssmenu > ul > li > ul::after {
content: '';
border: 6px solid transparent;
width: 0;
height: 0;
border-bottom-color: #ffffff;
position: absolute;
top: -12px;
left: 30px;
}
#cssmenu.align-right > ul > li > ul::after {
left: auto;
right: 30px;
}
#cssmenu ul ul li.has-sub::after {
border: 4px solid transparent;
border-left-color: #9ea2a5;
right: 10px;
top: 12px;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
-webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub::after {
border-left-color: transparent;
border-right-color: #9ea2a5;
right: auto;
left: 10px;
}
#cssmenu ul ul li.has-sub:hover::after {
border-left-color: #ffffff;
right: -5px;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
#cssmenu.align-right ul ul li.has-sub:hover::after {
border-right-color: #ffffff;
border-left-color: transparent;
left: -5px;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
#cssmenu > ul > li.selected a {
box-shadow: inset 0px 0px 16px 1px #2600FF;
}
@media all and (max-width: 936px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#cssmenu {
width: auto;
}
#cssmenu.align-center ul {
text-align: left;
}
#cssmenu.align-right > ul > li {
float: none;
}
#cssmenu ul {
width: auto;
}
#cssmenu .submenuArrow,
#cssmenu #indicatorContainer {
display: none;
}
#cssmenu > ul {
height: auto;
display: block;
}
#cssmenu > ul > li {
float: none;
}
#cssmenu li,
#cssmenu > ul > li {
display: none;
}
#cssmenu ul ul,
#cssmenu ul ul ul,
#cssmenu ul > li:hover > ul,
#cssmenu ul ul > li:hover > ul,
#cssmenu.align-right ul ul,
#cssmenu.align-right ul ul ul,
#cssmenu.align-right ul > li:hover > ul,
#cssmenu.align-right ul ul > li:hover > ul {
position: relative;
left: auto;
top: auto;
opacity: 1;
padding-left: 0;
padding-right: 0;
right: auto;
}
#cssmenu ul .has-sub::after {
display: none;
}
#cssmenu ul li a {
padding: 12px 20px;
}
#cssmenu ul ul li a {
border: 0;
background: none;
width: auto;
padding: 8px 35px;
}
#cssmenu.align-right ul ul li a {
text-align: left;
}
#cssmenu ul ul li:hover > a {
background: none;
color: #8c9195;
}
#cssmenu ul ul ul a {
padding: 8px 50px;
}
#cssmenu ul ul ul ul a {
padding: 8px 65px;
}
#cssmenu ul ul ul ul ul a {
padding: 8px 80px;
}
#cssmenu ul ul ul ul ul ul a {
padding: 8px 95px;
}
#cssmenu > ul > #menu-button {
display: block;
cursor: pointer;
}
#cssmenu #menu-button > a {
padding: 14px 20px;
}
#cssmenu ul.open li,
#cssmenu > ul.open > li {
display: block;
}
#cssmenu > ul.open > li#menu-button > a {
color: #fff;
border-bottom: 1px solid rgba(150, 150, 150, 0.1);
}
#cssmenu ul ul::after {
display: none;
}
#cssmenu #menu-button::after {
display: block;
content: '';
position: absolute;
height: 3px;
width: 22px;
border-top: 2px solid #7a8189;
border-bottom: 2px solid #7a8189;
right: 20px;
top: 15px;
}
#cssmenu #menu-button::before {
display: block;
content: '';
position: absolute;
height: 3px;
width: 22px;
border-top: 2px solid #7a8189;
right: 20px;
top: 25px;
}
#cssmenu ul.open #menu-button::after,
#cssmenu ul.open #menu-button::before {
border-color: #fff;
}
}
/*-------- Responsive Menu -----END-------*/
/*---------------------------------------------- /Responsive---------------------------------*/
/* ========================================= Others ======================================= */
#totopscroller {
position: fixed;
right: 30px;
bottom: 30px;
width: 43px;
}
#totopscroller div {
width: 49px;
height: 43px;
position: relative;
}
#totopscroller a {
display: none;
background: url('//bayanbox.ir/view/6122677925231928375/totopicons.png');
width: 49px;
height: 43px;
display: block;
text-decoration: none;
border: medium none;
border: 1px solid #ddd;
margin-top: 0px;
margin-right: -2px;
margin-bottom: -1px;
margin-left: 0px;
}
.totopscroller-top {
background-position: 0 0 !important;
}
.totopscroller-lnk {
background-position: 0 -43px !important;
}
.totopscroller-prev {
background-position: 0 -129px !important;
position: absolute;
top: 0;
left: 0;
}
.totopscroller-bottom {
background-position: 0 -86px !important;
position: absolute;
top: 0;
left: 0;
}
.patternkaj {
background: url('//bayanbox.ir/view/3971645917320188941/pattern.png') repeat-x top left;
padding: 12px 0px 0px 0px;
position: relative;
z-index: 9;
margin-top: 10px;
margin-bottom: 10px;
}
.color-line{
height:6px;
background:#171414 url(//cdn.bayan.ir/blog/templates/4103/head-color.png) repeat-x center;
}
.post img {
/*background: url(http://bayanbox.ir/view/8678492315706568795/donyait-image-error.png) no-repeat center center;*/
}
.post img:hover {
}
.effective {
transition-duration: 0.6s;
}
.effective:hover {
transform: rotate(360deg);
}
.item_wrn, .item_err, .item_success {
border: 1px solid #e6db55;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px;
line-height: 18px;
margin-bottom: 10px;
background: #ffffe0;
color: #333;
}
.item a, .item_wrn a, .item_err a,.item_success a{
text-decoration: none;
padding: 1px 1px 2px;
}
.item_err .icon, .item_wrn .icon, .item_success .icon{
background: url(/media/images/messages.png?aoD8D9) no-repeat right 0;
width: 18px;
height: 18px;
float: right;
margin: 0 2px 0 6px;
}
.item_wrn a{ color: #C30; }
.item_wrn a:hover{ background-color: #C30; color: #FFF;}
.item_wrn .icon { background-position: right -18px; }
.item_err{ border-color: #fe8f6b; background: #ffe2d9;}
.item_err a{ color: #ce3e0e; }
.item_err a:hover{background-color: #ce3e0e;color: #FFF;}
.item_success{ border-radius: 0; font-family: 'Armata','a google'; font-size: 14px; border-color: #DDDDDD; background: rgb(255, 255, 255);}
.item_success .icon { background-position: right -36px; }
.item_success a{color: #2757CE; }
.item_success a:hover{background-color: #f8f30d;color: #2757CE;text-shadow: 1px 1px 1px #FFFFFF;}
.smalltip ,.smalltip-margin{
/* font-size: smaller; */
font-size: 1em;
/* color: #777; */
color: red;
padding: 4px;
line-height: 1.4em;
}
select {
font-size: 13px;
padding: 1px;
height: 30px;
/* width: 250px; */
font-family: 'Armata', 'a google';
color: black;
}
.menu-2 {
background-image: linear-gradient(to bottom, #2757CE, #11389B);
color: #FFFFFF
}
.menu-2:hover {
color: #1e1e14;
background: #efbd00;
}
.jqi .jqimessage {
padding: 10px;
line-height: 20px;
color: #444444;
font-family: yekan;
font-size: 14px;
}
.btn-2{
background-color: #2757CE;
color: #FFF;
font-size: 1.2em;
/* -webkit-appearance: button; */
display: block;
margin-bottom: 5px;
font-family: 'Armata','a google';
text-align: center;
/* width: 290px; */
padding-top: 5px;
padding-bottom: 5px;
box-shadow: 0px 0px #EFBD00 inset;
transition-duration: 1s;
transition: all .4s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
}
.btn-2:hover{
background-color: #143586;
color: #000000;
font-size: 1.3em;
text-shadow: 1px 1px 1px white;
box-shadow: -900px 0px #F7D500 inset;
}
.btn-2-ul {
display: block;
list-style-type: none;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0;
-webkit-margin-end: 0px;
-webkit-padding-start: 0;
cursor: pointer;
}
@keyframes example {
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(20deg);left:0px;}
50% {transform: rotate(0deg);left:500px;}
55% {transform: rotate(0deg);left:500px;}
70% {transform: rotate(0deg);left:500px;background:#1ec7e6;}
100% {transform: rotate(-360deg);left:0px;}
}
.head-right-img {
background: url(http://bayanbox.ir/view/8385132008535964998/donyait-logo.png) no-repeat 0px -130px;
width: 283px;
height: 100px;
cursor: cell;
float: right;
transition: 1s;
}
.head-right-img:hover {
background: url(http://bayanbox.ir/view/8385132008535964998/donyait-logo.png) no-repeat 0px 15px;*/;
}
.item-view-icon {
/*background: url(//cdn.bayan.ir/blog/templates/54461/icons.png) no-repeat center 10px;*/
background: url(http://bayanbox.ir/view/536434476100254908/view-01-20.png) no-repeat;
border-left: 1px solid rgba(0, 0, 0, 0.1);
font-family: yekan;
padding: 0px 8px 0px 38px;
}
.icon-view {
background-position: 8px 4px;
font-size: 13px;
}
.androidbox-title {
position: absolute;
top: -15px;
right: 10px;
display: inline-block;
font: 17px/1.2em "yekan", "tahoma", "arial", "Times New Roman", Helvetica;
background: #FFFFFF;
color: #85C808;
padding: 8px 0 10px;
text-align: center;
cursor: default;
font-weight: normal;
width: 180px;
z-index: 5;
border: 1px solid #85C808;
}
.androidbox-li {
border-bottom: 1px solid #DDDDDD;
}
.androidbox-img {
margin-left: 10px;
width: 40px;
height: 40px;
border: 1px solid #F7D500;
padding: 2px;
}
.jqifade{
position: absolute;
background-color: rgb(255, 255, 255);
opacity: 0.8;
filter: alpha(opacity=60);
}
.jqibox {
direction: ltr; /* fix fo IE */
position: fixed;
_position: absolute;
}
.jqifade, .jqibox {
width: 100%;
z-index: 999;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.jqi {
direction: rtl;
position: absolute;
background-color: #ffffff;
border-radius: 11px 7px 7px;
-moz-border-radius: 11px 7px 7px;
-webkit-border-radius: 11px 7px 7px;
padding: 7px;
width: 550px;
left: 50%;
z-index: 1000;
border-width: 6px;
border-style: outset;
border-color: #2757CE;
}
.jqi .jqiclose{
position: absolute;
top: 98px;
width: 24px;
cursor: pointer;
font-size: 0;
color: rgb(65, 109, 216);
background: url(/media/images/close.png?4elmBT) no-repeat;
height: 24px;
right: 11px;
}
.jqi .jqimessage{
padding: 10px;
line-height: 20px;
color: #444444;
}
.jqi .jqibuttons{
text-align: left;
padding: 5px 0;
}
.jqi a.btn {
display: inline-block;
}
.jqi button, .jqi a.btn{
padding: 3px 12px;
margin: 0 5px;
background-color: #2757CE;
border-width: 0;
color: #ffffff;
font: bold 11px yekan, Tahoma, Geneva, sans-serif;
font-weight: 100;
}
.jqi button:hover, .jqi .btn:hover{
cursor: pointer;
background-color: #EFBD00;
color: black;
font-weight: bold;
}
.jqi .jqidefaultbutton{
background-color: #0094c3;
}
.jqi .jqidefaultbutton:hover{
background-color: #EFBD00;
}
.jqiwarning .jqi .jqibuttons{
background-color: #fffc00;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
/*----------- Progress bar ------------*/
.meter {
height: 20px;/* Can be anything */
position: relative;
margin: 8px 0 20px 0;/* Just for demo spacing */
background: #555;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
padding: 10px;
-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
-moz-box-shadow : inset 0 -1px 1px rgba(255,255,255,0.3);
box-shadow : inset 0 -1px 1px rgba(255,255,255,0.3);
direction: ltr;
}
.meter > span {
display: block;
height: 100%;
width: 100%;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
background-color: rgb(43,194,83);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(43,194,83)),
color-stop(1, rgb(84,240,84))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(43,194,83) 37%,
rgb(84,240,84) 69%
);
-webkit-box-shadow:
inset 0 2px 9px rgba(255,255,255,0.3),
inset 0 -2px 6px rgba(0,0,0,0.4);
-moz-box-shadow:
inset 0 2px 9px rgba(255,255,255,0.3),
inset 0 -2px 6px rgba(0,0,0,0.4);
box-shadow:
inset 0 2px 9px rgba(255,255,255,0.3),
inset 0 -2px 6px rgba(0,0,0,0.4);
position: relative;
overflow: hidden;
text-align: center;
font-family: armata;
}
.meter > span:after, .animate > span > span {
content: "";
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
color-stop(.25, rgba(255, 255, 255, .2)),
color-stop(.25, transparent), color-stop(.5, transparent),
color-stop(.5, rgba(255, 255, 255, .2)),
color-stop(.75, rgba(255, 255, 255, .2)),
color-stop(.75, transparent), to(transparent));
background-image: -moz-linear-gradient(
-45deg,
rgba(255, 255, 255, .2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, .2) 50%,
rgba(255, 255, 255, .2) 75%,
transparent 75%,
transparent);
z-index: 1;
-webkit-background-size: 50px 50px;
-moz-background-size: 50px 50px;
-webkit-animation: move 2s linear infinite;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
overflow: hidden;
}
.animate > span:after {
display: none;
}
@-webkit-keyframes move {
0% {
background-position: 0 0;
}
100% {
background-position: 50px 50px;
}
}
.orange > span {
background-color: #f1a165;
background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
width: 100%;
}
.red > span {
background-color: #f0a3a3;
background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
width: 100%;
}
.blue > span {
background-color: blue;
background-image: -moz-linear-gradient(top, #2757CE, #2757CE);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #2757CE),color-stop(1, #2757CE));
background-image: -webkit-linear-gradient(#2757CE, #2757CE);
width: 100%;
}
.yellow > span {
background-color: #F7D500;
background-image: -moz-linear-gradient(top, #F7D500, #A58E00);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F7D500),color-stop(1, #A58E00));
background-image: -webkit-linear-gradient(#F7D500, #A58E00);
width: 100%;
}
.o > span {
background-color: blue;
background-image: -moz-linear-gradient(top, #2757CE, #2757CE);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #2757CE),color-stop(1, #2757CE));
background-image: -webkit-linear-gradient(#2757CE, #2757CE);
}
.nostripes > span > span, .nostripes > span:after {
-webkit-animation: none;
background-image: none;
}
/*----------- Progress bar ------END------*/
.bx-in-sh {
border: 1px solid #ddd;
background: #FFF;
animation: bx-in-sh 5s linear 0s infinite alternate;
font-family: 'armata', 'a google';
line-height: 3em;
font-size: 17px;
font-weight: bold;
display: inline-block;
width: 49%;
}
.bg-c-c {
animation: bg-c-c 5s linear 1s infinite alternate;
}
.headbg {
background: #130638 url(http://subtlepatterns2015.subtlepatterns.netdna-cdn.com/patterns/dark_mosaic.png) 0px 24px fixed;
animation: animatedBackground 40s linear infinite;
-ms-animation: animatedBackground 40s linear infinite;
-moz-animation: animatedBackground 40s linear infinite;
-webkit-animation: animatedBackground 40s linear infinite;
}
ol {
display: block;
list-style-type: decimal;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
-webkit-padding-end: 40px;
}
.followBx {
background: #F7D500;
border-radius: 5px;
padding: 10px 4px 13px;
font-size: 14px;
border: 1px #000;
transition: all 1s cubic-bezier(0.4, 0, 1, 1) 0s;
box-shadow: 0px -3px #F47C01 inset;
margin-bottom: 20px;
}
.followBx:hover {
background: #F7D500;
box-shadow: 0px -190px #F7D500 inset;
}
#followInBx {
margin: 0 auto;
}
.followersCount {
float: left;
}
.followersTitle {
padding: 0 4px;
margin-bottom: 7px;
}
.follower {
float: right;
}
.follower:hover img {
transform: scale(1.1);
}
.followThis {
display: block;
padding: 3px 10px 5px;
margin: 2px;
background: #65BC54;
color: #fff !important;
border-radius: 3px;
text-align: center;
}
.followBx, .followThis {
font-family: "yekan", "armata", "tahoma", "arial", "Times New Roman", Times, Arial, serif;
}
.followThis:hover {
color: #fff !important;;
}
.followThis.followed {
background: #20B706;
}
#followInBx #followersLs .followImg {
width: 34px;
height: 34px;
border-radius: 4px;
margin:3px;
}
#followersLs {
text-align: center;
margin: 7px 0 13px;
clear: both;
}
.hoverTip {
position: absolute;
z-index: 3000;
background: #fafaff;
border-radius: 5px;
}
.hoverTip .body {
padding: 5px;
}
.followShow {
width: 250px;
background: #fff;
border: 1px solid #bbb;
box-shadow: 3px 3px 8px 0 #666;
color: #333;
direction: rtl;
line-height: 18px;
overflow: hidden;
}
.followShow.dark {
color: #fff;
background: #000;
border-color: #555;
}
.followShow a, #followInBx a {
text-decoration: none;
}
.followShow .site { color: #33a; }
.followShow .site:hover { color: #33F; }
.followShow.dark .site { color: #bbf; }
.followShow.dark .site:hover { color: #ddf; }
#followInBx.dark {color: #fff}
.followShow .folDetImg {
width: 64px;
height: 64px;
float:right;
margin: 5px 5px 10px 10px;
}
.followShow .body {
position: relative;
height: 100px;
font: 12px "yekan", "armata", "tahoma", "arial", "Times New Roman", Times, Arial, serif;
}
.followShow * {
box-sizing: content-box;
}
.followShow .followThis {
width: 140px;
position: absolute;
bottom: 8px;
left: 8px;
font-size: 14px;
font-weight: bold;
}
.folDetTxt {
padding-right: 79px;
}
.htmlbox textarea,.htmlbox iframe{display:block;border:0;padding:0;outline:0;margin:1%;width:98%}
.htmlbox textarea.hidden,.htmlbox iframe.hidden{margin:0;height:0!important;visibility:hidden}
.htmlbox textarea{font-family:monospace;direction:ltr}
.htmlbox{border: 1px solid #DDDDDD;}
.htmlbox .toolbar{line-height:16px;background:#ddd;border-bottom: 1px solid #DDDDDD;padding:2px}
.htmlbox a.defbut{display:inline-block;border:1px solid #ddd;padding:1px}
.htmlbox.-hbCodeView a.defbut,.htmlbox.-hbCodeView select,.htmlbox.-hbCodeView .separator{opacity:.3;filter:alpha(opacity=30);cursor:default}
.htmlbox.-hbCodeView a.selected{opacity:1;filter:alpha(opacity=100);cursor:pointer}
.htmlbox img.defimg,.htmlbox img.separator{height:16px;width:16px;background-image:url(//blog.ir/media/images/htmlbox/silk-icons.png)}
.htmlbox img.separator{background-position:0 -448px;margin:0 2px;width:3px}
.htmlbox.-hbHtmlView a.defbut:hover{border:1px solid #bfcaff;background:#eff2ff}
.htmlbox select{padding:0;margin:0 2px;border:0}
.htmlbox select option{height:16px;padding:0 4px!important}
.htmlbox a.defbut.selected{background:#f4f4f4}
.htmlbox a.defbut.selected:hover{background:#fff}
.donyait-app-dl {
background: url(http://bayanbox.ir/view/4392269406063551243/download-donyait-android-app.png) no-repeat 0px 0px;
width: 310px;
height: 154px;
margin: auto;
}
.donyait-app-dl:hover {
background: url(http://bayanbox.ir/view/4392269406063551243/download-donyait-android-app.png) no-repeat 0px -161px;*/;
}
.donyait-app-dl-2 {
height: 100px;
background-color: #2757CE;
font-family: a google;
font-size: 15px;
color: white;
padding: 10px;
text-align: center;
margin-bottom: 30px;
transition: all .4s cubic-bezier(0.4, 0, 1, 1) 0s;
text-shadow: rgb(35, 78, 185) 1px 1px, rgb(35, 78, 185) 2px 2px, rgb(35, 78, 185) 3px 3px, rgb(35, 78, 185) 4px 4px, rgb(35, 78, 185) 5px 5px, rgb(35, 78, 185) 6px 6px, rgb(35, 78, 185) 7px 7px, rgb(35, 78, 185) 8px 8px, rgb(35, 78, 185) 9px 9px, rgb(35, 78, 185) 10px 10px, rgb(35, 78, 186) 11px 11px, rgb(35, 79, 187) 12px 12px, rgb(35, 79, 189) 13px 13px, rgb(36, 80, 190) 14px 14px, rgb(36, 81, 192) 15px 15px, rgb(36, 81, 193) 16px 16px, rgb(36, 82, 194) 17px 17px, rgb(37, 82, 196) 18px 18px, rgb(37, 83, 197) 19px 19px, rgb(37, 84, 199) 20px 20px, rgb(37, 84, 200) 21px 21px, rgb(38, 85, 201) 22px 22px, rgb(38, 85, 203) 23px 23px, rgb(38, 86, 204) 24px 24px, rgb(39, 87, 206) 25px 25px;
}
.donyait-app-dl-2:hover {
background: #2757CE;
box-shadow: 0px -120px rgb(255, 0, 68) inset;
text-shadow: rgb(230, 0, 61) 1px 1px, rgb(230, 0, 61) 2px 2px, rgb(230, 0, 61) 3px 3px, rgb(230, 0, 61) 4px 4px, rgb(230, 0, 61) 5px 5px, rgb(230, 0, 61) 6px 6px, rgb(230, 0, 61) 7px 7px, rgb(230, 0, 61) 8px 8px, rgb(230, 0, 61) 9px 9px, rgb(230, 0, 61) 10px 10px, rgb(231, 0, 61) 11px 11px, rgb(233, 0, 61) 12px 12px, rgb(235, 0, 62) 13px 13px, rgb(236, 0, 62) 14px 14px, rgb(238, 0, 63) 15px 15px, rgb(240, 0, 63) 16px 16px, rgb(241, 0, 64) 17px 17px, rgb(243, 0, 64) 18px 18px, rgb(245, 0, 65) 19px 19px, rgb(246, 0, 65) 20px 20px, rgb(248, 0, 66) 21px 21px, rgb(250, 0, 66) 22px 22px, rgb(251, 0, 67) 23px 23px, rgb(253, 0, 67) 24px 24px, rgb(255, 0, 68) 25px 25px;
}
.hidden-res-logo {
margin-top: 9px;
cursor: cell;
transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
-khtml-transition: all 1s ease;
-webkit-transition: all 1s ease;
background-image: url(http://bayanbox.ir/view/7060633633596888426/donyaIT-3rd-logo-blye-yellow-100px.png);
width: 100px;
height: 100px;
}
.hidden-res-logo:hover {
ransform: rotate(-180deg);
-o-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
-khtml-transition: all 1s ease;
-webkit-transition: all 1s ease;
background-image: url(http://s1.upload7.ir/uploads/nKGFUBJT.png/10----Copy.png);
}
h6 {
color: #FFFFFF;
padding: 2px 10px 2px 10px;
margin: 0 0 10px 0;
display: inline-block;
font-size: 14px;
background-color: #3399ff;
}
/* 00000000000000000000000000000000000000000000000000000000000000000000000000000 */
.asli{
border-top: 1px solid #DDDDDD;
overflow: hidden;
}
.fari {
display: inline-block;
/* border: 1px solid black; */
padding: 10px;
font-size: 13px;
}
.asli-contant{
overflow: hidden;
}
.post-details-author {
font-size: 13px;
margin-bottom: -12px;
}
.post-details-date {
font-size: 13px;
background: url(//bayanbox.ir/view/2568623753540864461/clock-16.png) no-repeat;
background-position: 154px 6px;
}
.short-link{
width: 270px;
margin-top: 5px;
}
این وبلاگ صرفا جهت تست کد ها می‌باشد.
برای مشاهده وبلاگ اصلی و فعال به آدرس DonyaIT.blog.ir مراجعه فرمائید.
