انجمن


به هم ریختگی کلمات فارسی و انگلیسی  (۴ نوشته)

  • milad9000

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۴
    تشکر شده: ۴ بار
    # نوشته شده: ۹ سال پیش
    ۱۱ اسفند ۱۳۹۰ - ۱۹:۰۵

    مطالب من به هم ریخته می شه و قتی که از فارسی و انگلیسی با هم استفاده میکنم
    تو استایل قالبم هم این ها رو تغیر دادم کردم
    direction: rtl و right: text align و float : right

    و کد مطالب قالبم هم ایناست

    <?php if (have_posts()) : ?>
               <?php while (have_posts()) : the_post(); ?>
    				<div class="article-wrapper">
    
    	<article class="post">
    		<header>
    			<h1>  <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h1>
    			<ul>
    				<li class="hit">بازدید: <?php if(function_exists('the_views')) { the_views(); } ?></li>
    				<li class="cat">دسته: <?php the_category(', '); ?></li>
    			</ul>
    		</header>
    
    		<div class="post-content">
    
    		</div>
    		<footer class="clearfix">
    		<?php the_content(''); ?>
    						<a class="continue" href="<?php the_permalink() ?>" target="_blank">ادامه مطلب</a>
    
    		</footer>
    
    	</article>
    </div>
  • Mostafa

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۵۲۷۶
    تشکر شده: ۵۷۷۷ بار
    # نوشته شده: ۹ سال پیش
    ۱۱ اسفند ۱۳۹۰ - ۲۱:۲۷

    سلام، باید در style.css اصلی، مقادیر را برای زبان انگلیسی direction:ltr تعریف کنید و در فایل rtl.css معکوس آن‌را!

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    milad9000
  • milad9000

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۴
    تشکر شده: ۴ بار
    # نوشته شده: ۹ سال پیش
    ۱۲ اسفند ۱۳۹۰ - ۰۷:۰۷

    در قالب من فقط فایل style هست و چیزی به نام rtl وجود ندارد فایل استایلم هم به شکل زیره:

    @font-face { font-family: bkoodak; src: url(/fonts/BKoodkBd.eot); /* IE9 Compat Modes */ src: url(/fonts/BKoodkBd.eot?iefix) format(eot), /* IE6-IE8 */ url(/fonts/BKoodkBd.ttf) format(truetype); /* Safari, Android, iOS */ }
    @font-face { font-family: sina; src: url(/fonts/BSINABD.eot); /* IE9 Compat Modes */ src: url(/fonts/BSINABD.eot?iefix) format(eot), /* IE6-IE8 */ url(/fonts/BSINABD.ttf) format(truetype); /* Safari, Android, iOS */ }
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
    ol, ul, li { list-style: none; }
    blockquote, q { quotes: none; }
    :focus { outline: 0; }
    ins { text-decoration: none; }
    del { text-decoration: line-through; }
    table { border-collapse: collapse; border-spacing: 0; }
    a, a:link, a:visited { text-decoration: none; color: #134888; }
    a:hover, a:focus { color: #1960B4; }
    h1, h2, h3, h4, h5, h6 { font-family: "b sina", sina, "b koodak", bkoodak, Arial, Helvetica, sans-serif; padding: 0 3px; }
    h1 { font-size: 1.8em; margin-bottom: .4em; }
    h2 { font-size: 1.5em; margin-bottom: .4em; padding-top: .4em; }
    h3 { font-size: 1.4em; margin-bottom: .3em; padding-top: .4em; }
    h4 { font-size: 1.3em; margin-bottom: .2em; }
    h5, h6 { font-size: 1.3em; margin-bottom: .2em; font-weight: bold; }
    blockquote, dl, form, table, pre, .post p { margin: 0 0 1em 0; }
    li ul { margin-bottom: 0 } li li { margin-right: 2em; }
    li li li { margin-right: 2em; }
    blockquote, dd { padding: 0 2em 0 0; }
    pre, code, samp, kbd, var { font: 100% mono-space, monospace; }
    pre { overflow: auto; direction: rtl; text-align: right; }
    abbr, acronym { border-bottom: 1px dotted #666; padding: 0 0 1px 0; cursor: help; }
    small { font-size: .8em; }
    sup, sub { font-size: .7em; }
    em, cite, q { font-style: italic; }
    img { border: none; }
    legend { font-weight: bold; }
    input[type = "radio"],
    input[type = "checkbox"], .radio, .checkbox { margin: 0 0 0 .25em; }
    input, option, textarea, select { font-family: tahoma, sans-serif; }
    .text-ltr { text-align: left; direction: rtl; }
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
    body { font-family: Tahoma, Geneva, sans-serif; text-align: center; /* bug fix for IE 5.5 */ }
    #header-banner, #header, #content, #footer-wrapper footer, #copyright { width: 980px; margin: 0 auto; font-size: .75em; line-height: 1.5; text-align: right; }
    #header-banner { line-height: 1; }
    #header-banner-wrapper { background: #000; text-align: right; /* bug fix for IE 5.5 */ }
    #header-wrapper { background: url(images/gradients-sprite.png) right top repeat-x; position: relative; }
    #header { position: relative; }
    #header h1 { float: right; width: 196px; height: 47px; background: url(images/logo.png) no-repeat right center; margin: 25px 12px 8px 5px; }
    #header h1 a { display: block; width: 100%; height: 100%; text-indent: -999em; overflow: hidden; }
    .header-slogan { float: right; color: #9FB6D6; margin-top: 45px; height: 20px; overflow: hidden; width: 450px; word-spacing: -1px; }
    #header ul { float: left; width: 16em; margin-top: .5em; }
    #header li { display: inline; }
    #header li a { display: block; float: right; color: #BFBFBF; padding: 0 10px 4px; margin-left: 5px; font-size: .8em; line-height: 1; border-left: 1px solid #BFBFBF; }
    #header li a:hover { color: #fff; }
    #header li.last a { border: none; padding-left: none; }
    #header div.search { float: left; clear: left; margin-top: .8em; margin-left: 20px; }
    .search-box { padding: 8px 5px 9px; border: none; background: #eee; -moz-border-radius: 3px; /* FF1+ */ -webkit-border-radius: 3px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome */ width: 220px; }
    .search-box:focus { -moz-box-shadow: 0 0 5px #666 inset; /* FF3.5+ */ -webkit-box-shadow: 0 0 5px #666 inset; /* Saf3.0+, Chrome */ box-shadow: 0 0 5px #666 inset; /* Opera 10.5, IE9 */ background: #fff; }
    .search-btn { vertical-align: bottom; }
    #nav-wrapper { position: relative; z-index: 10; }
    #nav-wrapper nav { width: 980px; margin: 0 auto; position: relative; }
    #nav-wrapper nav ul { margin-right: 1em; width: 700px; float: right; }
    #nav-wrapper nav section li { float: left; }
    #nav-wrapper nav section ul { margin: 0 0 0 1em; width: 220px; float: left; }
    #nav-wrapper nav li { float: right; padding: 0 0 0 5px; }
    #nav-wrapper nav li a { display: block; font: bold 1em/1.4 "b koodak", bkoodak, arial, Tahoma, Geneva, sans-serif; padding: 5px 10px 7px; color: #4C4C4C; background: #eee; -moz-border-radius: 5px 5px 0 0; /* FF1+ */ -webkit-border-radius: 5px 5px 0 0; /* Saf3-4, iOS 1+, Android 1.5+ */ -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-radius: 5px 5px 0 0; /* Opera 10.5, IE9, Saf5, Chrome */ background-color: #eee; background-image: -moz-linear-gradient(top, #eee, #eee, #eee, #eee, #eee, #D4D4D4); /* FF3.6 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEEEEE), color-stop(0.8, #EEEEEE), color-stop(1, #D4D4D4)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(#eee, #eee, #eee, #D4D4D4); /* Chrome 10+, Saf6 */ background-image: linear-gradient(top, #eee, #eee, #eee, #D4D4D4); -moz-transition: all 0.5s ease-out; /* FF3.7+ */ -o-transition: all 0.5s ease-out; /* Opera 10.5 */ -webkit-transition: all 0.5s ease-out; /* Saf3.2+, Chrome */ transition: all 0.5s ease-out; }
    #nav-wrapper nav li.homepage a:hover, #nav-wrapper nav li.homepage a.active { text-shadow: 0 2px 1px #fff; background: #fff; color: #000; }
    #nav-wrapper nav li.software a:hover, #nav-wrapper nav li.software a.active { text-shadow: 0 1px 1px #fff; background: #FCE56E; color: #000; }
    #nav-wrapper nav li.software li a:hover, #nav-wrapper nav li.software li a.active { background: #FAB73B; }
    #nav-wrapper nav li.mobile a:hover, #nav-wrapper nav li.mobile a.active { text-shadow: 0 1px 1px #fff; background: #B8D668; color: #000; }
    #nav-wrapper nav li.game a:hover, #nav-wrapper nav li.game a.active { text-shadow: 0 1px 1px #ccc; background: #8FCBF3; color: #000; }
    #nav-wrapper nav li.ebook a:hover, #nav-wrapper nav li.ebook a.active { text-shadow: 0 1px 1px #eee; color: #000; background: #E3C47F; }
    #nav-wrapper nav li.graphic a:hover, #nav-wrapper nav li.graphic a.active { text-shadow: 0 1px 1px #ccc; background: #D3C0EE; color: #000; }
    #nav-wrapper nav li.video a:hover, #nav-wrapper nav li.video a.active { text-shadow: 0 1px 1px #ccc; background: #FF9C86; color: #000; }
    #nav-wrapper nav li.tutorial a:hover, #nav-wrapper nav li.tutorial a.active { text-shadow: 0 1px 1px #eee; color: #000; background: #8CD3B7; }
    #nav-wrapper nav li.audio a:hover, #nav-wrapper nav li.audio a.active { text-shadow: 0 1px 1px #ccc; background: #A1C5D8; color: #000; }
    #nav-wrapper nav li.article a:hover, #nav-wrapper nav li.article a.active { text-shadow: 0 1px 1px #ccc; background: #D6D2C1; color: #000; }
    #nav-wrapper nav li ul { padding: 5px 6px 6px; position: absolute; margin: 0; right: 0; width: 950px; top: -999em; z-index: 11; }
    #nav-wrapper nav li:hover ul, .nav-hover { top: 29px; }
    #nav-wrapper nav li ul li { float: right; margin: 0; position: relative; padding: 7px 0; }
    #nav-wrapper nav li ul li a { padding: 3px 8px 4px; background: transparent; line-height: 1.3; border: 1px solid transparent; font-size: 0.92em; -moz-transition: none; /* FF3.7+ */ -o-transition: 0; /* Opera 10.5 */ -webkit-transition: 0; /* Saf3.2+, Chrome */ transition: 0; }
    #nav-wrapper nav li.homepage ul li a:hover { border: 1px solid #A2A2A2; background: #D6D6D6; -moz-border-radius: 6px; /* FF1+ */ -webkit-border-radius: 6px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome */ -moz-box-shadow: 0 0 7px #AFAFAF inset; /* FF3.5+ */ -webkit-box-shadow: 0 0 7px #AFAFAF inset; /* Saf3.0+, Chrome */ box-shadow: 0 0 7px #AFAFAF inset; /* Opera 10.5, IE9 */ }
    #nav-wrapper nav li.software ul li a:hover { border: 1px solid #C48B19; background: #FEC231; -moz-border-radius: 6px; /* FF1+ */ -webkit-border-radius: 6px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome */ -moz-box-shadow: 0 0 7px #C48B19 inset; /* FF3.5+ */ -webkit-box-shadow: 0 0 7px #C48B19 inset; /* Saf3.0+, Chrome */ box-shadow: 0 0 7px #C48B19 inset; /* Opera 10.5, IE9 */ }
    #nav-wrapper nav li.mobile ul li a:hover { border: 1px solid #698324; background: #99BF33; -moz-border-radius: 6px; /* FF1+ */ -webkit-border-radius: 6px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome */ -moz-box-shadow: 0 0 7px #799729 inset; /* FF3.5+ */ -webkit-box-shadow: 0 0 7px #799729 inset; /* Saf3.0+, Chrome */ box-shadow: 0 0 7px #799729 inset; /* Opera 10.5, IE9 */ }
    #nav-wrapper nav li.game ul li a:hover { border: 1px solid #1378C0; background: #4AAAED; -moz-border-radius: 6px; /* FF1+ */ -webkit-border-radius: 6px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome */ -moz-box-shadow: 0 0 7px #1586D7 inset; /* FF3.5+ */ -webkit-box-shadow: 0 0 7px #1586D7 inset; /* Saf3.0+, Chrome */ box-shadow: 0 0 7px #1586D7 inset; /* Opera 10.5, IE9 */ }
    #nav-wrapper nav li.ebook ul li a:hover { border: 1px solid #A27B24; background: #D9B055; -moz-border-radius: 6px; /* FF1+ */ -webkit-border-radius: 6px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome */ -moz-box-shadow: 0 0 7px #B78B29 inset; /* FF3.5+ */ -webkit-box-shadow: 0 0 7px #B78B29 inset; /* Saf3.0+, Chrome */ box-shadow: 0 0 7px #B78B29 inset; /* Opera 10.5, IE9 */ }
    #nav-wrapper nav li.graphic ul li a:hover { border: 1px solid #7F48D0; background: #B798E4; -moz-border-radius: 6px; /* FF1+ */ -webkit-border-radius: 6px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome */ -moz-box-shadow: 0 0 7px #8D5CD5 inset; /* FF3.5+ */ -webkit-box-shadow: 0 0 7px #8D5CD5 inset; /* Saf3.0+, Chrome */ box-shadow: 0 0 7px #8D5CD5 inset; /* Opera 10.5, IE9 */ }
    #nav-wrapper nav li.video ul li a:hover { border: 1px solid #F42A00; background: #FF775C; -moz-border-radius: 6px; /* FF1+ */ -webkit-border-radius: 6px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome */ -moz-box-shadow: 0 0 7px #F4622A inset; /* FF3.5+ */ -webkit-box-shadow: 0 0 7px #F4622A inset; /* Saf3.0+, Chrome */ box-shadow: 0 0 7px #FF380E inset; /* Opera 10.5, IE9 */ }
    #nav-wrapper nav li ul li ul { position: absolute; z-index: 12; right: 0; width: 9em; background: #E8E8E8; background: rgba(232, 232, 232, 0.9); padding: 5px; -moz-box-shadow: 0 3px 7px #727272; /* FF3.5+ */ -webkit-box-shadow: 0 3px 7px #727272; /* Saf3.0+, Chrome */ box-shadow: 0 3px 7px #727272; /* Opera 10.5, IE9 */ top: -999em; -moz-border-radius: 0 0 6px 6px; /* FF1+ */ -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-radius: 0 0 6px 6px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 0 0 6px 6px; /* Opera 10.5, IE9, Saf5, Chrome */ border: 1px solid #B5B5B5; border-top: none; }
    #nav-wrapper nav li:hover ul li ul { top: -999em; z-index: 1000000; }
    #nav-wrapper nav li ul li:hover ul, #nav-wrapper nav li ul li ul.nav-hover2 { top:40px; }
    #nav-wrapper nav li ul li ul li { float: none; padding: 0; z-index: 1000000; }
    #nav-wrapper nav li ul li ul li a { text-align: right; margin: 0 -5px; font-size: 0.9em; z-index: 1000000; }
    #nav-wrapper nav li ul li ul li.hide { display: none }
    #nav-wrapper nav li.homepage ul li ul li a:hover, #nav-wrapper nav li.software ul li ul li a:hover, #nav-wrapper nav li.mobile ul li ul li a:hover, #nav-wrapper nav li.game ul li ul li a:hover, #nav-wrapper nav li.ebook ul li ul li a:hover, #nav-wrapper nav li.graphic ul li ul li a:hover, #nav-wrapper nav li.video ul li ul li a:hover, #nav-wrapper nav li.tutorial ul li ul li a:hover, #nav-wrapper nav li.audio ul li ul li a:hover, #nav-wrapper nav li.article ul li ul li a:hover { -moz-box-shadow: none; /* FF3.5+ */ -webkit-box-shadow: none; /* Saf3.0+, Chrome */ box-shadow: none; /* Opera 10.5, IE9 */ -moz-border-radius: 0; /* FF1+ */ -webkit-border-radius: 0; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 0; /* Opera 10.5, IE9, Saf5, Chrome */ }
    #nav-wrapper div { clear: both; height: 40px; background: #ffffff url(images/gradients-sprite.png) right -184px repeat-x; -moz-box-shadow: 0 9px 5px -5px #999; /* FF3.5+ */ -webkit-box-shadow: 0 9px 5px -5px #999; /* Saf3.0+, Chrome */ box-shadow: 0 9px 5px -5px #999; /* Opera 10.5, IE9 */ }
    #nav-wrapper div.software { background: #FCE56E url(images/gradients-sprite.png) right -264px repeat-x; }
    #nav-wrapper div.mobile { background: #B8D668 url(images/gradients-sprite.png) right -344px repeat-x; }
    #nav-wrapper div.game { background: #8FCBF3 url(images/gradients-sprite.png) right -424px repeat-x; }
    #nav-wrapper div.ebook { background: #E3C47F url(images/gradients-sprite.png) right -504px repeat-x; }
    #nav-wrapper div.graphic { background: #D3C0EE url(images/gradients-sprite.png) right -584px repeat-x; }
    #nav-wrapper div.video { background: #F5A55B url(images/gradients-sprite.png) right -664px repeat-x; }
    #content { background: #fff; position: relative; }
    #main-content { width: 620px; margin-right: 20px; float: right; }
    .blogroll { margin: 10px 0; }
    .blogroll h2 { }
    .blogroll-outer-wrapper { border: 4px solid #FFF6CC; -moz-border-radius: 10px; /* FF1+ */ -webkit-border-radius: 10px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 10px; /* Opera 10.5, IE9, Saf5, Chrome */ }
    .blogroll-inner-wrapper { background: #FFEFA4; border: 1px solid #FFD709; padding: 5px 10px; line-height: 1.7; -moz-border-radius: 7px; /* FF1+ */ -webkit-border-radius: 7px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 7px; /* Opera 10.5, IE9, Saf5, Chrome */ }
    .blogroll-link-wrapper { height:9.2em; overflow:hidden; margin: 5px 0 10px; }
    .blogroll-link-wrapper li { display:block; padding: 0 15px 2px 0; color: #F1A523; /* old is #E16100 */ background: url(images/bullet.png) no-repeat right center; clear: right; }
    .blogroll-link-wrapper li span { padding-right: 5px; font-size: 0.9em; }
    .blogroll-link-wrapper li a { color: #BA4B02; }
    .blogroll-link-wrapper li a:hover { color: #800000; padding: 1px 0 4px; }
    .jcarousel-skin-ticker .jcarousel-direction-rtl { direction: rtl; }
    .jcarousel-skin-ticker .jcarousel-container-vertical { }
    .jcarousel-skin-ticker .jcarousel-clip-vertical { height: 132px; }
    .jcarousel-skin-ticker .jcarousel-item-vertical { width: 580px; height: 21px; overflow: hidden; }
    .jcarousel-skin-ticker .jcarousel-item-placeholder { background: #fff; color: #000; }
    .jcarousel-skin-ticker .jcarousel-next-vertical { position: absolute; top: 30px; left: 0; width: 25px; height: 25px; cursor: pointer; background: transparent url(images/blogroll-arrow.png) no-repeat 0 -30px; }
    .jcarousel-skin-ticker .jcarousel-next-vertical:hover { background-position: -29px -30px; }
    .jcarousel-skin-ticker .jcarousel-next-disabled-vertical, .jcarousel-skin-ticker .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-ticker .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; }
    .jcarousel-skin-ticker .jcarousel-prev-vertical { position: absolute; top: 0; left: 0; width: 25px; height: 25px; cursor: pointer; background: transparent url(images/blogroll-arrow.png) no-repeat 0 0; }
    .jcarousel-skin-ticker .jcarousel-prev-vertical:hover { background-position: -29px 0; }
    .jcarousel-skin-ticker .jcarousel-prev-disabled-vertical, .jcarousel-skin-ticker .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-ticker .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; }
    .ad-468 { text-align: center; margin-bottom: 20px; }
    .ad-468 img { vertical-align: middle; }
     .article-wrapper { border: 4px solid #f5f5f5; -moz-border-radius: 10px; /* FF1+ */ -webkit-border-radius: 10px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 10px; /* Opera 10.5, IE9, Saf5, Chrome */ margin: 20px 0; }
     article.post { border: 1px solid #D4D4D4; -moz-border-radius: 7px; /* FF1+ */ -webkit-border-radius: 7px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 7px; /* Opera 10.5, IE9, Saf5, Chrome */ }
     a.backlink, a.backlink:hover, a.backlink:visited { color: #000000; }
     .changes, .changes p { color: #EB0000; }
     article.post h1 { font: bold 1.71em/1.3 Arial, Helvetica, sans-serif; word-spacing: -3px; text-shadow: 0 0 3px #B9D5F5; padding: 3px 0 0; color: #134888; }
     article.post header, article.post .post-content, article.post footer { padding: 10px 20px 0; }
     article.post aside li { list-style-type: circle; list-style-position:outside; margin: 0 1em; }
     article.post footer em, article.post footer span { font-weight: normal; font-style: normal; color: #8B8B8B; font-size: 0.9em; padding-right: 25px; display: block; line-height: 1.8; }
     article.post header em, article.post header span { padding: 2px 22px 4px 0; font-weight: normal; font-style: normal; color: #8B8B8B; font-size: 0.9em; }
     article.post header li.cat { background: url(images/open-folder.gif) no-repeat right top; padding: 0 20px 0 0; width: 445px; float: right; color: #8B8B8B; font-size: 0.9em; }
     article.post header li.hit { background: url(images/graph.gif) no-repeat right top; padding: 0 20px 0 10px; width: 70px; float: right; color: #8B8B8B; font-size: 0.9em; }
     article.post h2 { font-size: 1.3em; color: #999999; }
     article.post footer ul { width: 100px; float: right; }
     article.post footer li time, article.post footer li strong { visibility: hidden; position: absolute; border: 1px solid #eee; padding: 3px 5px 6px; -moz-border-radius: 4px; /* FF1+ */ -webkit-border-radius: 4px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome */ -moz-box-shadow: 0px 2px 4px #ccc; /* FF3.5+ */ -webkit-box-shadow: 0px 2px 4px #ccc; /* Saf3.0+, Chrome */ box-shadow: 0px 2px 4px #ccc; /* Opera 10.5, IE9 */ }
     article.post footer li:hover time, article.post footer li:hover strong, .hoverbox-show { visibility: visible; top: -25px; right: -10px; background: #fff; z-index: 1000; display: block; width: 120px; }
     article.post footer li.date, article.post footer li.author { background: url(images/calendar.gif) no-repeat right center; float: right; color: #8B8B8B; font-size: 0.9em; width: 18px; height: 18px; position: relative; padding: 10px 0; }
     article.post footer li.author { background: url(images/user.gif) no-repeat right center; }
     article.post footer em { background: url(images/statusbar.gif) no-repeat right center; }
     article.post footer em a { padding: 0 7px 4px; background: #DAE6ED; -moz-border-radius: 4px; /* FF1+ */ -webkit-border-radius: 4px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome */ border-bottom: 1px solid #B8CEDD; }
     article.post footer em a:hover { background: #426C8B; color: #fff; border-color: #000; }
     article.post footer span { background: url(images/cart.gif) no-repeat right center; }
     article.post footer { margin-bottom: 20px; } article.post aside { margin-bottom: 20px; }
     article.post aside.related-posts { margin-bottom: 0; }
     .continue { display: block; float: left; padding: 0 10px; margin-top: 10px; font-family: "b koodak", bkoodak, georgia, serif; font-size: 1.3em; font-weight: bold; border: 1px solid #c7c7c7; -moz-border-radius: 4px; /* FF1+ */ -webkit-border-radius: 4px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome */ -moz-box-shadow: 0px 2px 4px #ccc; /* FF3.5+ */ -webkit-box-shadow: 0px 2px 4px #ccc; /* Saf3.0+, Chrome */ box-shadow: 0px 2px 4px #ccc; /* Opera 10.5, IE9 */ background: #fbfbfb url(images/gradients-sprite.png) right -1150px repeat-x; text-align: center; width: 100px; }
     .continue:hover, .continue:focus { -moz-box-shadow: none; /* FF3.5+ */ -webkit-box-shadow: none; /* Saf3.0+, Chrome */ box-shadow: none; /* Opera 10.5, IE9 */ }
     .continue:active { background: #c33; color: #fff; text-shadow: 0 1px 2px #000; -moz-box-shadow: 0px 2px 5px #7C1F1F inset; /* FF3.5+ */ -webkit-box-shadow: 0px 2px 5px #7C1F1F inset; /* Saf3.0+, Chrome */ box-shadow: 0px 2px 5px #7C1F1F inset; /* Opera 10.5, IE9 */ border-color: #7C1F1F; }
     article.post .related-posts { border-top: 1px solid #DEDEDE; padding: 10px 20px 20px; line-height: 1.8; -moz-border-radius: 0 0 7px 7px; /* FF1+ */ -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-radius: 0 0 7px 7px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 0 0 7px 7px; /* Opera 10.5, IE9, Saf5, Chrome */ background: #fff url(images/gradients-sprite.png) right -1181px repeat-x; }
     .related-posts h2 { color: #A2A2A2; font-size: 1.25em; text-shadow: 0 1px 1px #fff; }
     article.post .related-posts li { list-style: none; margin: 0; }
     .related-posts li img { vertical-align: middle; margin-left: 7px; }
     .related-posts li a { padding: 3px 4px 6px; line-height: 1.8; }
     .related-posts li a:hover { background: #DAE6ED; -moz-border-radius: 5px; /* FF1+ */ -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome */ padding: 3px 4px 6px; line-height: 1.8; }
     .english-info, .post-help, .system-requirements, .download-links, .password, .extra-info, .mobile-platform { -moz-border-radius: 7px; /* FF1+ */ -webkit-border-radius: 7px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 7px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ margin: 10px 20px; font-size: 1em; }
     .english-info { -moz-border-radius: 7px; /* FF1+ */ -webkit-border-radius: 7px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 7px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ margin: 10px 20px; font-size: 0.95em; line-height: 1.4; }
     .english-info h3, .post-help h3, .extra-info h3, .system-requirements h3, .download-links h3, .password h3 , .download-instruction h3, .mobile-platform h3 { text-shadow: 0 1px 1px #fff; font-family: "b koodak", bkoodak, Arial, Helvetica, sans-serif; font-size: 1.6em; }
     .english-info { text-align: left; direction: rtl; background: #F3F8FB; border-bottom: 2px solid #BAD7E9; color: #1D425A; }
     .english-info p { margin: 0; padding: 0 0 5px; }
     .excerpt { padding: 15px 15px 5px; }
     .expandable { padding: 7px 15px 0; }
     .js .expandable { display: none; }
     .expander { padding: 0 10px 3px; margin: 3px 0 0; color: #1D425A; text-shadow: 0 1px 1px #fff; background: #E0EDF5; -moz-border-radius: 0 0 7px 7px; /* FF1+ */ -webkit-border-radius: 0 0 7px 7px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 0 0 7px 7px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ opacity: 0; cursor: pointer; font-size: 0.9em; }
     .post-help { background: #FFFACD; padding: 1px 15px; border-bottom: 2px solid #F5E462; color: #AD7B09; }
     .post-help h3 { color: #B78A23; }
     .extra-info { background: #F3F1E4; padding: 1px 15px; border-bottom: 2px solid #DBD6AE; color: #6E6831; -moz-transition: all 0.3s ease-out; /* FF4+ */ -o-transition: all 0.3s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ transition: all 0.3s ease-out; }
     .extra-info h3 { color: #BAB485; }
     .extra-info a, .extra-info a:visited { color: #6E6831; }
     .system-requirements { background: #F5F5F5; padding: 1px 15px; border-bottom: 2px solid #DBDBDB; color: #626262; -moz-transition: all 0.3s ease-out; /* FF4+ */ -o-transition: all 0.3s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ transition: all 0.3s ease-out; }
     .system-requirements h3 { color: #595959; }
     .download-links, .mobile-download-links { width: 540px; background: #E6FFB2; padding: 10px 15px; border-bottom: 2px solid #B8EB59; position: relative; color: #5CA000; }
     .download-links a, .download-links a:link { color: #09700B; padding: 3px 4px 4px; }
     .download-links a:hover { color: #09700B; text-shadow: 0 1px 1px #fff; padding: 3px 4px 4px; background-color: #F9FFEB; -moz-border-radius: 3px 3px 3px 3px; /* FF1+ */ -webkit-border-radius: 3px 3px 3px 3px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 3px 3px 3px 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ }
     .download-links h3 { color: #8CCD18; }
     .download-links-style { white-space: nowrap; overflow: auto; width: 540px; font-size: 0.95em; }
     .instruction-expander { display: block; position: absolute; top: 10px; left: 10px; background: #8EC61A; color: #fff; padding: 2px 10px 3px; -moz-border-radius: 3px; /* FF1+ */ -webkit-border-radius: 3px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ border-bottom: 1px solid #6BA217; cursor: pointer; font-size: 0.9em; line-height: 1.3; }
     .instruction-expander:hover { background: #6BA217; }
     .instruction-expander:active { background: #6BA217; }
     .js .download-instruction { display: none; }
     .download-instruction { color: #609F31; margin: -25px 30px 10px; padding: 15px; font-size: 0.9em; -moz-border-radius: 7px; /* FF1+ */ -webkit-border-radius: 7px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 7px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ background: #F2FFD7; }
     .password { background: #FFEEEE; padding: 10px 15px; border-bottom: 2px solid #FFA2A2; }
     .password h3 { color: #F26969; display: inline; }
     .password em { font: bold 1.2em Arial, Helvetica, sans-serif; color: #D82727; }
     .keywords { display: none; }
     .mobile-platform { color: #FFFFFF; text-align: left; direction: rtl; background: #76939D; padding: 10px 15px; border-bottom: 2px solid #D4DFE3; cursor: pointer; -moz-transition: all 0.3s ease-out; /* FF4+ */ -o-transition: all 0.3s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ transition: all 0.3s ease-out; } .mobile-platform p { margin: 0 0 0; }
     .mobile-platform:hover { background: #9CAEB3; }
     .image-text-top { vertical-align: text-top; }
     .image-middle { vertical-align: middle; }
     .post-graphical-image { padding: 20px 0 10px; text-align: center; }
     #related-topics { margin: 10px 0; }
     #related-topics li { width: 580px; overflow: hidden; height: 21px; }
     #related-topics li a, #related-topics li a:link { color: #8700EC; }
     .related-topics-wrapper { border: 4px solid #FAF5FF; -moz-border-radius: 10px; /* FF1+ */ -webkit-border-radius: 10px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 10px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ }
     .related-topics-wrapper section { border: 1px solid #E2BCFF; -moz-border-radius: 7px; /* FF1+ */ -webkit-border-radius: 7px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 7px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ padding: 10px 10px 10px 20px; background: #F8EFFF; }
     #related-topics h2 { padding-top: 10px; }
     #related-topics li a { background: url(images/related.gif) right center no-repeat; padding-right: 25px; line-height: 1.7; padding: 2px 20px 4px 5px; }
     #related-topics li a:hover { background-color: #C270FF; -moz-border-radius: 5px; /* FF1+ */ -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ color: #FFFFFF; text-shadow: 0 1px 1px #777; }
     .blogroll h2, #sidebar h2, #related-topics h2, .visit-info h2, .linkroll h2 { color: #999; padding-right: 10px; }
     .product-wrapper { -moz-border-radius: 10px; /* FF1+ */ -webkit-border-radius: 10px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 10px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ border: 4px solid #fff; margin-bottom: 20px; }
     .product-wrapper section { -moz-border-radius: 7px; /* FF1+ */ -webkit-border-radius: 7px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 7px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ border: 1px solid #D4D4D4; background: #F1F1F1; height: 280px; overflow: hidden; width: 610px; }
     .product-wrapper ul { padding: 20px 30px; }
     .product-wrapper li { width: 127px; padding: 0 3px; margin-bottom: 40px; float: right; }
     .product-wrapper li:hover img { -moz-box-shadow: -2px 2px 5px #777; /* FF3.5+ */ -webkit-box-shadow: -2px 2px 5px #777; /* Saf3.0+, Chrome */ box-shadow: -2px 2px 5px #777; /* Opera 10.5, IE9, Chrome 10+ */ }
     .product-wrapper li a, .product-wrapper li em { margin: 0 5px; font-style: normal; text-align: center; line-height: 1.4; color: #595959; }
     .product-wrapper li a { -moz-border-radius: 4px; /* FF1+ */ -webkit-border-radius: 4px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ font: bold 1.3em/1.7 "b koodak", bkoodak, Arial, Helvetica, sans-serif; background:#fafafa url(images/gradients-sprite.png) right -1145px repeat-x; color: #878787; }
     .product-wrapper li a:hover { color: #000; -moz-box-shadow: 0 3px 5px #B39E00 inset; /* FF3.5+ */ -webkit-box-shadow: 0 3px 5px #B39E00 inset; /* Saf3.0+, Chrome */ box-shadow: 0 3px 5px #B39E00 inset; /* Opera 10.5, IE9, Chrome 10+ */ background: #FFE000; border-color: #FEFEFE; }
     .product-wrapper img, .product-wrapper em, .product-wrapper a { display: block; margin: 0 auto; }
     .product-wrapper em { padding: 5px; font-size: 0.9em; height: 59px; overflow: hidden; }
     .product-wrapper em.price { padding: 5px; font-size: 0.9em; height: 18px; font-weight: bold; }
     .product-wrapper a { border: 1px solid #ccc; background:#FFF; text-align: center; }
     .jcarousel-skin-products .jcarousel-container { padding: 20px 35px; }
     .jcarousel-skin-products .jcarousel-direction-rtl { direction: rtl; }
     .jcarousel-skin-products .jcarousel-clip-horizontal { width: 540px; }
     .jcarousel-skin-products .jcarousel-clip-vertical { width: 540px; }
     .jcarousel-skin-products .jcarousel-item { width: 127px; }
     .jcarousel-skin-products .jcarousel-prev-horizontal { position: absolute; top: 90px; right: 5px; width: 25px; height: 43px; cursor: pointer; background: transparent url(images/products-arrow.png) no-repeat -26px -5px; }
     .jcarousel-skin-products .jcarousel-skin-products .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: 5px; right: auto; background-image: url(images/products-arrow.png); }
     .jcarousel-skin-products .jcarousel-prev-horizontal:hover { background-position: -27px -46px; }
     .jcarousel-skin-products .jcarousel-prev-disabled-horizontal, .jcarousel-skin-products .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-products .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; }
     .jcarousel-skin-products .jcarousel-next-horizontal { position: absolute; top: 90px; left: 5px; width: 25px; height: 43px; cursor: pointer; background: transparent url(images/products-arrow.png) no-repeat 0 -5px; }
     .jcarousel-skin-products .jcarousel-next-horizontal:hover { background-position: 0 -46px; }
     .jcarousel-skin-products .jcarousel-next-disabled-horizontal, .jcarousel-skin-products .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-products .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; }
     .pagination { line-height: 1.5; margin: 20px 0 25px; }
     .pagination span, .pagination a { border: 1px solid #D4D4D4; -moz-border-radius: 4px; /* FF1+ */ -webkit-border-radius: 4px; /* Saf3-4 */ border-radius: 4px; /* Opera 10.5, IE 9, Saf5, Chrome */ background-color: #F7F7F7; -moz-box-shadow: 0px 2px 0 #E6E6E6; /* FF3.5+ */ -webkit-box-shadow: 0px 2px 0 #E6E6E6; /* Saf3.0+, Chrome */ box-shadow: 0px 2px 0 #E6E6E6; /* Opera 10.5, IE 9 */ }
     .pagination a, .pagination a:link, .pagination a:hover, .pagination a:active , .pagination span.pages, .pagination span.current, .pagination span.extend { text-decoration: none; padding: 4px 12px; margin: 0 3px; color: #5B5B5B; display: block; float: right; }
     .pagination a:hover { background-color: #FFE067; -moz-box-shadow: 0 1px 0 #ccc; -webkit-box-shadow: 0 1px 0 #ccc; box-shadow: 0 1px 0 #ccc; border-color: #ccc; color: #000; text-shadow: 1px 1px 1px #eee; /* FF3.5+, Opera 9+, Saf1+, Chrome */ }
     .pagination a:active { background: FFB000; }
     .pagination span.current { background: transparent; border: none; font-weight: bold; color: #5B5B5B; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
     #sidebar { width: 300px; margin: 10px 20px 20px 0; float: right; }
     #sidebar .widget { margin-bottom: 15px; }
     .sidebar-ads h2 { border-bottom: 1px solid #D5D5D5; padding: .4em 0; }
     .sidebar-ads img { text-align: center; margin: 5px 19px 0 0; }
     .sidebar-ads span { margin: 15px 19px 0 0; text-align: center; }
     #sidebar .socials { margin: 20px 0; }
     .socials li a { display: block; border-bottom: 1px solid #eee; padding: 5px; font-size: 0.9em; line-height: 1.5; margin: 0 18px; background: #fff; -moz-transition: background-color 0.5s ease-out; /* FF4+ */ -o-transition: background-color 0.5s ease-out; /* Opera 10.5+ */ -webkit-transition: background-color 0.5s ease-out; /* Saf3.2+, Chrome */ transition: background-color 0.5s ease-out; height: 3.2em; }
     .socials h2 { border-bottom: 1px solid #D5D5D5; padding: .4em 0; }
     .socials .email-icon { border-bottom: none; }
     .socials li a:hover { background: #F5F5F5; text-shadow: 0 1px 0 #fff; }
     .socials li a span { width: 32px; height: 32px; float: right; margin: 1px 1px 0 10px; }
     .socials li a strong { display: block; } .socials li a em { font-style: normal; }
     .js .socials .subscribe-form { display: none; }
     .socials .subscribe-form { padding: 10px; margin: 15px 18px 0; border: 4px solid #E1E1E1; position: relative; -moz-border-radius: 7px; /* FF1+ */ -webkit-border-radius: 7px; /* Saf3-4 */ border-radius: 7px; /* Opera 10.5, IE 9, Saf5, Chrome */ -moz-box-shadow: 0 4px 3px #F2F2F2; -webkit-box-shadow: 0 4px 3px #F2F2F2; box-shadow: 0 4px 3px #F2F2F2; }
     .socials .subscribe-form:before { content:  ; position: absolute; width: 0; height: 0; right: 30px; top: -17px; border: 7px solid; border-color: transparent transparent #E1E1E1 #E1E1E1; }
     .socials .subscribe-form p { font-size: 0.9em; line-height: 1.6; margin-bottom: 10px; }
     .socials .subscribe-form form { margin: 0; }
     .socials .email-field, body.search .search-field { padding: 7px; width: 218px; border: 1px solid #CCC; direction: rtl; }
     body.search .search-field { direction: rtl; width: 300px; }
     .socials .email-submit, body.search .search-submit { margin: 10px 0 0; padding: 3px 5px 6px; border: none; background: #27C01F; text-shadow: 0 1px 0 #000; font-weight: bold; -moz-border-radius: 7px; /* FF1+ */ -webkit-border-radius: 7px; /* Saf3-4 */ border-radius: 7px; /* Opera 10.5, IE 9, Saf5, Chrome */ color: #fff; cursor: pointer; }
     .socials .email-submit:hover, body.search .search-submit:hover { background: #23AA1B; }
     .socials .email-submit:active, body.search .search-submit:active { background: #1E9418; }
     .socials .email-field:focus, body.search .search-field:focus { border-color: #09F; -moz-box-shadow: 0 0 2px #09F; -webkit-box-shadow: 0 0 2px #09F; box-shadow: 0 0 2px #09F; }
     .feed-icon span { background: url(images/feed32x32.png) right top no-repeat; }
     .facebook-icon span { background: url(images/facebook32x32.png) right top no-repeat; }
     .twitter-icon span { background: url(images/twitter32x32.png) right top no-repeat; }
     .email-icon span { background: url(images/email32x32.png) right top no-repeat; }
     .email-icon em { display: none; }
     .pc-games h2 { padding: .4em 0 0; }
     .pc-games .block-content { background: #E8EEF5; border: 1px solid #CFD7E5; -moz-border-radius: 10px; /* FF1+ */ -webkit-border-radius: 10px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 10px; /* Opera 10.5, IE9, Saf5, Chrome */ }
     #game-info-container { padding: 0 20px; margin-bottom: 20px; text-shadow: 0 2px 1px #F0F6FC; display: none; text-align: center; }
     #game-info-container.game-info-container-visible { display: block; }
     #games-slider li { padding: 0 25px; margin: 25px 0; }
     #games-slider li:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; }
     #games-slider li img { float: right; }
     #games-slider li .game-info { float: right; width: 140px; margin-right: 20px; }
     #games-slider .remove-space { padding: 0; margin: 0; }
     #game-info-container strong, .game-info strong { display: block; font-size: 1.1em; }
     #game-info-container .game-english-name, .game-info game-english-name { color: #203676; }
     #game-info-container .game-persian-name, .game-info game-persian-name { color: #759CE3; padding: 0 0 5px; }
     #game-info-container em, .game-info em { font-style: normal; color: #134888; }
     #game-info-container .game-price span, .game-info .game-price span { font-weight: bold; color: #C30; }
     #game-info-container .buy-game, .game-info .buy-game { display: block; padding: 0 10px; background: #7CA0C5; width: 80px; text-align: center; margin: 7px 0 0; -moz-border-radius: 4px; /* FF1+ */ -webkit-border-radius: 4px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ -moz-box-shadow: 0 2px 3px #C4D4E5; /* FF3.5+ */ -webkit-box-shadow: 0 2px 3px #C4D4E5; /* Saf3.0+, Chrome */ box-shadow: 0 2px 3px #C4D4E5; /* Opera 10.5, IE9, Chrome 10+ */ font: bold 1.3em/1.7 "b koodak",bkoodak,Arial,Helvetica,sans-serif; color: #fff; text-shadow: 0 1px 1px #444; }
     #game-info-container .buy-game { margin: 7px auto 0; }
     #game-info-container .buy-game:hover, .game-info .buy-game:hover { -moz-box-shadow: 0 3px 5px #0F3E70 inset; /* FF3.5+ */ -webkit-box-shadow: 0 3px 5px #0F3E70 inset; /* Saf3.0+, Chrome */ box-shadow: 0 3px 5px #0F3E70 inset; /* Opera 10.5, IE9, Chrome 10+ */ background: #1864B5; text-shadow: 0 2px 2px #0F3E70; color: #fff; }
     .tag-cloud h2 { border-bottom: 1px solid #D5D5D5; padding: .4em 0; }
     .tag-cloud li { display: inline; padding: 0 0 0 5px; }
     .tag-cloud li a { line-height: 1.4; }
     .rank-5 a { font-size: 1.8em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #172E91; }
     .rank-4 a { font-size: 1.6em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #4567BC; }
     .rank-3 a { font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #5C80C7; }
     .rank-2 a { font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #909ED9; }
     .rank-1 a { font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #BAC9F5; }
     .big-icon-list li, .detailed-list li a, .small-icon-list li, .small-icon-list li a, .basic-list li a { -moz-transition: all 0.25s ease-out; /* FF3.7+ */ -o-transition: all 0.25s ease-out; /* Opera 10.5 */ -webkit-transition: all 0.25s ease-out; /* Saf3.2+, Chrome */ transition: all 0.25s ease-out; background: #fff; }
     .big-icon-list li:hover, .detailed-list li a:hover, .small-icon-list li:hover, .small-icon-list li a:hover, .basic-list li a:hover { background-color: #FFFFAD; }
     .basic-list li a span{ color: #999999; padding-right: 5px; font-size: 0.9em; }
     .big-icon-list h2 { border-bottom: 1px solid #D5D5D5; padding: .4em 0; }
     .big-icon-list a { float: right; width: 233px; margin: 7px 7px 0 0; }
     .big-icon-list a strong { display: block; line-height: 1; font-family: Arial, Helvetica, sans-serif; font-size: 1.25em; }
     .big-icon-list div.big-icon-wrapper { width: 48px; height: 4em; border: 1px solid #DDD; background: #fff; float: right; text-align: center; vertical-align: middle; margin-right: 7px; }
     .big-icon-list div.big-icon-wrapper a { line-height: 3.75; float: none; margin: 0; }
     .big-icon-list div.big-icon-wrapper img { vertical-align: middle; }
     .big-icon-list li { padding: 7px 0; border-bottom: 1px solid #F0F0F0; }
     .big-icon-list li:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
     .detailed-list h2 { border-bottom: 1px solid #D5D5D5; padding: .4em 0; }
     .detailed-list li { border-bottom: 1px solid #F0F0F0; }
     .detailed-list li a { display: block; padding: 7px 5px 5px; }
     .detailed-list li a strong { display: block; line-height: 1; font-family: Arial, Helvetica, sans-serif; font-size: 1.25em; }
     .small-icon-list h2 { border-bottom: 1px solid #D5D5D5; padding: .4em 0; }
     .small-icon-list li img { display: block; float: right; width: 16px; margin: 8px 5px 0; }
     .small-icon-list li { overflow: auto; border-bottom: 1px solid #F0F0F0; }
     .small-icon-list li a { display: block; float: right; padding: 3px 5px 5px; width: 260px; }
     .basic-list h2 { border-bottom: 1px solid #D5D5D5; padding: .4em 0; }
     .basic-list li a { display: block; padding: 3px 5px 5px; border-bottom: 1px solid #F0F0F0; }
     .visit-info h2 { border-bottom: 1px solid #D5D5D5; padding: .4em 0; }
     .visit-info .block-content { padding: 5px 10px 10px; }
     .visit-info li { margin: 5px 0; color: #666; }
     .linkroll h2 { border-bottom: 1px solid #D5D5D5; padding: .4em 0; }
     .linkroll .block-content { padding: 10px; }
     .linkroll li { display: inline; }
     .linkroll li a { color: #666666; border-bottom: 1px solid #D8D8D8; padding: 3px 7px 5px; margin-left: 5px; display: block; float: right; margin-bottom: 5px; -moz-border-radius: 5px; /* FF1+ */ -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ -moz-transition: all 0.3s ease-out; /* FF4+ */ -o-transition: all 0.3s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ transition: all 0.3s ease-out; }
     .linkroll li a:hover { color: #000; background: #ffffad; }
     .text-ads { border: 1px solid #DEDEDE; -moz-border-radius: 10px; /* FF1+ */ -webkit-border-radius: 10px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 10px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ }
     .text-ads h2 { padding: 0 0 8px 0; margin: 0 0 10px 0; font-size: 1em; text-indent: -999em; overflow: hidden; background:url(images/p30ads.png) left top no-repeat; }
     .text-ads li a, .text-ads li a:link { color: #000; display: block; margin: 10px; padding: 7px; background: #f7f7f7; -moz-transition: all 0.3s ease-out; /* FF4+ */ -o-transition: all 0.3s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ transition: all 0.3s ease-out; }
     .text-ads li a:hover { -moz-border-radius: 20px 0 20px 0; /* FF1+ */ -webkit-border-top-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-radius: 20px 0 20px 0; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 20px 0 20px 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ color: #fff; }
     .text-ads li a.ads-blue:hover { background: #00449B; }
     .text-ads li a.ads-red:hover { background: #A40003; }
     .text-ads li a.ads-orange:hover { background: #F38F00; }
     .text-ads li a.ads-green:hover { background: #6E9000; }
     .text-ads li a:hover .ads-desc, .text-ads li a:hover .ads-address { color: #fff; }
     .text-ads span { display: block; }
     .text-ads .ads-name { font-weight: bold; }
     .text-ads .ads-desc { color: #666; }
     .text-ads .ads-address { color: #069D00; }
     body.search .post-content { padding-bottom: 30px; }
     body.search .post-content h3 { margin-top: 20px; padding-top: 15px; border-top: 1px solid #eee; font: bold 1.4em/1.5 Arial, Helvetica, sans-serif; }
     body.search .post-content em { display: block; padding: 0; color: #000; font-size: 1em; margin-bottom: 5px; }
     body.search .post-content date { display: block; color: #999; font-size: 0.9em; }
     body.search form { margin: 0 0 30px; }
     body.search form span { display: block; padding: 10px 0 0; }
     #footer-wrapper { background: #002E68; }
     #footer-wrapper footer .main-repeated-links { padding: 20px 240px 20px 0; font: bold 1.3em/1.6 "b koodak", bkoodak, Arial, Helvetica, sans-serif; border-bottom: 1px solid #00234E; }
     #footer-wrapper footer .main-repeated-links li { display: inline; }
     .main-repeated-links li a { display: block; float: right; padding: 4px 15px; margin: 0 0 0 20px; color: #B0C0D6; background: #003473; border: 1px solid #00285A; border-top-color: #001D40; -moz-border-radius: 10px; /* FF1+ */ -webkit-border-radius: 10px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 10px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ -moz-transition: all 0.4s ease-out; /* FF3.7+ */ -o-transition: all 0.4s ease-out; /* Opera 10.5 */ -webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */ transition: all 0.4s ease-out; }
     .main-repeated-links li a:hover { color: #000; border-color: transparent; }
     .main-repeated-links li.homepage a:hover { background: #fff; }
     .main-repeated-links li.software a:hover { background: #FCE56E; }
     .main-repeated-links li.mobile a:hover { background: #B8D668; }
     .main-repeated-links li.game a:hover { background: #8FCBF3; }
     .main-repeated-links li.ebook a:hover { background: #E3C47F; }
     .main-repeated-links li.graphic a:hover { background: #D3C0EE; }
     .main-repeated-links li.video a:hover { background: #FF9C86; }
     .footer-sections-wrapper { border-top: 1px solid #003982; padding: 10px 10px 20px; }
     .footer-sections { float: right; width: 460px; padding: 0 10px; }
     .footer-sections li { display: block; }
     .footer-sections li a { display: block; padding: 4px 5px 6px; border-bottom: 1px solid #003678; color: #A5C2E8; text-shadow: 0 1px 1px #000; }
     .footer-sections li a:hover { border-bottom-color: transparent; color: #fff; background: #00234E; -moz-border-radius: 7px; /* FF1+ */ -webkit-border-radius: 7px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 7px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ text-shadow: 0 2px 1px #000; -moz-box-shadow: 0px 1px 3px #000000 inset; /* FF3.5+ */ -webkit-box-shadow: 0px 1px 3px #000000 inset; /* Saf3.0+, Chrome */ box-shadow: 0px 1px 3px #000000 inset; /* Opera 10.5, IE9, Chrome 10+ */ }
     .footer-sections h2 { color: #E3E9F1; text-shadow: 0 2px 2px #000; font: bold 1.5em/1.6 "b koodak", bkoodak, Arial, Helvetica, sans-serif; margin: 0 5px 15px 0; }
     .copyright-wrapper { background: #00234E; padding: 15px 0; } #copyright { overflow: hidden; } #copyright p { text-align: right; color: #BABABA; margin-right: 25px; float: right; text-shadow: 0 2px 0 #000; }
     .wedesign { float: left; display: block; background:transparent url(images/wedesign.png) no-repeat top left; width: 95px; height: 17px; text-indent: -9999px; overflow: hidden; margin: 3px 0 0 20px; }
     .roundabout-holder { padding: 0 0 30px!important; height: 18em; width: 200px; margin: 0 auto; }
     .roundabout-moveable-item { width: 120px; height: 172px; cursor: pointer; }
     .roundabout-moveable-item strong, .roundabout-moveable-item em, .roundabout-moveable-item a { display: block; text-align: center; margin: 0 auto; }
     .roundabout-moveable-item .game-info { display: none; }
     .roundabout-moveable-item img { width: 100%; }
     .roundabout-in-focus { cursor: auto; }
     .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; }
     * html .clearfix { height: 1%; }
     *:first-child+html .clearfix { min-height: 1px; }
     .clear { clear: both; }
  • Mostafa

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۵۲۷۶
    تشکر شده: ۵۷۷۷ بار
    # نوشته شده: ۹ سال پیش
    ۲۶ اسفند ۱۳۹۰ - ۲۳:۱۶

    در قالب من فقط فایل style هست و چیزی به نام rtl وجود ندارد فایل استایلم هم به شکل زیره:

    خب فایل rtl.css را خودتان بسازید :)

درباره‌ی این موضوع