انجمن


مشکل در راست چین کردن یک قالب انگلیسی  (۴ نوشته)

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

    سلام دوستان
    خسته نباشید
    من یک قالب رو فارسی کردم و فقط مونده راست چین کردن اون. . که خیلی سخته
    بعضی از قسمت ها رو راست چین کردم ... اما خیلی از قسمت های قالب مونده ..
    این کد Css قالب من هستش..
    میشه راهنمایی کنید

    body,html{height:100%;}
    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,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{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
    body{line-height:1em;}
    ol,ul{list-style:none;}
    blockquote,q{quotes:none;}
    blockquote:before,blockquote:after,q:before,q:after{content:none;}
    :focus{outline:0;}
    del{text-decoration:line-through;}
    table{border-collapse:collapse;border-spacing:0;}
    
    /* Floating & Alignment  */
    .fl{float:left;}
    .fr{float:right;}
    .ac{text-align:center;}
    .ar{text-align:right;}
    
    /* Clear Floats  */
    .col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
    .fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;}
    html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;}
    
    /*-------------------------------------------------------------------------------------------*/
    /* 1. SETUP */
    /*-------------------------------------------------------------------------------------------*/
    
    body {background:#e4e2db;color:#555;font:12px sans-Serif;}
    input,select,textarea {border:#cacaca 1px solid;font-size:12px;padding:5px; }
    select,#nav{padding:0;}
    hr { background-color: #e6e6e6;	border:0; height: 1px; margin-bottom: 20px; }
    
    /* Typography */
    
    h1, h2, h3, h4, h5, h6  { margin: 0; font-family:"Droid Serif", Georgia, serif; color: #222; font-weight:normal; }
    h1  {font-size: 2em } h2  {font-size: 1.8em;} h3  {font-size: 1.6em;} h4  {font-size: 1.2em;} h5  {font-size: 1em;} h6  {font-size: 0.8em;}
    p {margin: 0; }
    
    input, textarea { color:#777; padding: 5px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
    
    /* Hyperlinks */
    
    a {color:#e8a02c;text-decoration:none;}
    a:hover,#top .subscribe a:hover,.author_info a:hover{text-decoration:underline;}
    
    h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
    h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration: none; }
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}
    
    /*-------------------------------------------------------------------------------------------*/
    /* 2. SITE STRUCTURE & APPEARANCE */
    /*-------------------------------------------------------------------------------------------*/
    
    #background { background-color:#ebe9e1; }
    #content { margin-bottom:30px; }
    
    .col-left { float: left; }
    .col-right { float: right; }
    .col-full, .layout-full #main, #main.fullwidth { width: 940px; margin: 0 auto; }
    
    #main { width:580px;float:left;margin-bottom:30px; }
    
    #sidebar { width:340px; float:right; }
    #sidebar .secondary { float:left; width:160px; margin-right: 20px; }
    #sidebar .last { margin-right:0; }
    
    .layout-left-sidebar #main { float: right; }
    .layout-left-sidebar #sidebar { float:left; }
    
    /*- Top  - */
    
    #top{ background:#252620 url(images/bg-top.png) repeat-x top; border-bottom:1px solid #191a14; font-size:11px;line-height:33px;margin:0 auto;padding:0;  }
    
    .nav1 { float:left;  }
    .nav1,.nav1 ul{list-style:none;margin:0;padding:0;z-index:100;}
    .nav1 a{color:#a0a09b;text-shadow:0 1px 0 #000000;display:block;padding:0 10px;z-index:100; position: relative; }
    .nav1 li a:hover,
    .nav1 li.current_page_item a,
    .nav1 li.current_page_parent a,
    .nav1 li.current-menu-ancestor a,
    .nav1 li.current-cat a,
    .nav1 li.current-menu-item a,
    .nav1 li.sfHover { color:#e9e9e9 ;text-decoration: none; }
    
    .nav1 li ul{left:-999em;position:absolute;width:130px;}
    .nav1 li ul li{background:#252620;border:1px solid #222;border-width:0 1px 1px;}
    .nav1 li ul li a{color:#ccc !important;text-shadow:none;font-size:11px;line-height:25px;padding-bottom:0;width:130px;}
    .nav1 li ul li a:hover { color:#fff !important; background: #f0f0f0; background: rgba(255,255,255,.1);}
    .nav1 li ul li ul li a{border-width:0 1px 1px 0;}
    .nav1 li ul ul{margin:-25px 0 0 150px;}
    
    .nav1 .sf-sub-indicator {background: url(images/arrow-superfish.png) no-repeat;position:absolute;display:block;right:0.4em;top:1.3em;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
    .nav1 li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat; top:40%;}
    .nav1 li a.sf-with-ul { padding-right:20px; }
    .nav1 li ul li a.sf-with-ul { padding-right:10px; }
    
    #top .subscribe{color:#a0a09b;float:right;}
    #top .subscribe .posts, #top .subscribe .comments, #top .subscribe .email{padding:0 5px; }
    
    /* Header */
    
    #header{background:#33342e url(images/bg-header.png) repeat-x top; border-top:1px solid #252620; padding:15px 0;}
    
    #logo .site-title, #logo .site-description{display:none;}
    #logo .site-title{text-shadow: 1px 1px 1px #000}
    #logo{float:left; overflow:hidden; padding:15px 0 10px;}
    
    #header #searchform {color:#a0a09b;float:right;font-size:11px;padding:30px 10px 0 0;text-align:right; width:220px;}
    #header #search{background:#222; background:rgba(0,0,0,.1); border:1px solid #555; border-color:rgba(255,255,255,.1); height:32px;margin:0 0 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
    #header #search input{background:transparent;border:0;color:#aaa;float:left;font-size:12px;margin:5px 0 0 10px;padding:3px;width:178px;}
    #header #search .btn{margin:7px 0 0;padding:0;width:auto;}
    
    /*- Main Navigation - */
    
    #topmenu #rss{height:38px;position:relative;left:50;top:-10px;width:39px;}
    
    #topmenu{background:#fffeff url(images/bg-nav.png) repeat-x top; border-bottom:1px solid #dcdcd4; height:33px;margin-bottom:20px;position:relative;}
    #topmenu li{border-left:1px solid #dedbd1;float:left;line-height:33px;}
    #topmenu li a{color:#333;display:block;margin:0;padding:0 15px;position: relative;}
    #topmenu li a:hover,#topmenu li.active a{text-decoration:none;}
    
    #nav,#nav ul{float:left;list-style:none;padding:0;}
    #nav a{display:block; }
    #nav li{float:left;line-height:33px;}
    #nav li a:hover{background:none;}
    #nav li ul{left:-999em;padding-top:1px;position:absolute;width:180px;margin-left:-1px;}
    #nav li:hover ul,#nav li.sfhover ul{left:auto;z-index:1000;}
    #nav li ul li a{border-bottom:1px solid #dedbd1;border-left:1px solid #dedbd1;border-right:1px solid #dedbd1;line-height:28px;width:180px;}
    #nav li ul ul{margin:-29px 0 0 180px;}
    
    /* Style drop down list  */
    
    .nav1 li,.fl{float:left;}
    .nav1 li ul ul li a,#main .date-comments p{line-height:25px;}
    
    	.nav1 li ul ul  { margin: -25px 0 0 150px; }
    	.nav1 li ul ul li a  {  }
    	.nav1 li ul li ul li a  {  }
    
    	.nav1 li:hover,.nav1 li.hover  { position:static; }
    	.nav1 li:hover ul ul, .nav1 li.sfhover ul ul,
    	.nav1 li:hover ul ul ul, .nav1 li.sfhover ul ul ul,
    	.nav1 li:hover ul ul ul ul, .nav1 li.sfhover ul ul ul ul { left:-999em; }
    	.nav1 li:hover ul, .nav1 li.sfhover ul,
    	.nav1 li li:hover ul, .nav1 li li.sfhover ul,
    	.nav1 li li li:hover ul, .nav1 li li li.sfhover ul,
    	.nav1 li li li li:hover ul, .nav1 li li li li.sfhover ul  { left:auto; }
    
    #nav li a:hover,
    #nav li.current_page_item a,
    #nav li.current_page_parent a,
    #nav li.current-menu-ancestor a,
    #nav li.current-cat a,
    #nav li.current-menu-item a { background:#F5F4F0; }
    
    #nav li ul li { border:none; }
    #nav li ul li a { background:#FFF url(images/bg-nav.png) repeat-x top !important; }
    #nav li ul li a:hover { background:#FFF !important; }
    
    #nav .sf-sub-indicator {background:	url(images/arrow-superfish.png) no-repeat;position:absolute;display:block;right:0.4em;top:40%;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
    #nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat;}
    #nav li a.sf-with-ul { padding-right:22px; }
    	#nav li ul li a.sf-with-ul { padding-right:15px; }
    	#nav li ul ul  { margin: -30px 0 0 210px; }
    
    /*=== Styling Boxes === - Box (main column boxes) - */
    
    .box {background:#FFF url(images/bgr-box-trans.png) repeat-x top left;border:1px solid #dedbd1;margin:0 0 15px;overflow:hidden;padding:18px;}
    .box img{border:1px solid #999;margin:0 0 10px;}
    #main .block.two-col { width:280px; margin-right:20px; float:left; }
    #main .block .last { margin-right:0px; }
    
    /*=== Footer === */
    
    #footer{background:#e4e2db url(images/bgr-box-trans.png) repeat-x;font-size:11px;height:32px;line-height:22px;padding:20px; border-top:1px solid #eeece6; }
    #footer{color:#777;text-shadow: 0 1px 0 #fafafa;}
    #footer a{color:#555;}
    #footer img{vertical-align:middle;}
    #footer #copyright span { font:bold 14px "Droid Serif", serif; color:#555; display:block; } 
    
    #footer-widgets { background: url("images/bgr-box-trans.png") repeat-x #e9e7e0; border-top:1px solid #d1cfc9; border-bottom:1px solid #d1cfc9; }
    #footer-widgets .col-full { width: 960px; }
    #footer-widgets .col-1 .block { width:940px; margin:20px 0px 10px; }
    #footer-widgets .col-2 .block { float:left; width:460px; margin:20px 10px 10px; }
    #footer-widgets .col-3 .block { float:left; width:300px; margin:20px 10px 10px; }
    #footer-widgets .col-4 .block { float:left; width:220px; margin:20px 10px 10px; }
    
    /* Ads */
    #topad { float:right; padding:15px 0 0 0;}
    #home-ad, #single-ad { background: url("images/bgr-box-trans.png") repeat-x scroll left top #F5F4F0; border: 1px solid #DEDBD1; padding:10px; text-align: center; margin:15px 0; }
    
    /* SEARCH FORM */
    .searchform  { background: #fff; width: 99%; position: relative; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
    .searchform input.s  {   padding: 8px; width:85%; margin:0; border:none;  background:none; color:#777;  }
    .searchform input.search-submit { position: absolute; top:6px; right:10px; border:none; margin:0; padding:0; }
    
    /* Slider */ 
    
    #slides { position: relative; }
    #slides .slides_container { border: 1px solid #999999;}
    #slides .slides_container .slide{  width:540px; position: relative; display: none;}
    #slides .slides_container .slide:first-child { display:block }
    #slides .next, #slides .prev {
        display: block;
        height: 62px;
        left: 19px;
        position: absolute;
        top: 38%;
        width: 28px;
        z-index: 101;
        text-indent: -999em;
        background: url(images/btn-slider-left.png) no-repeat left center;
        opacity: 0.8;
    }
    #slides .next { left: 532px; background: url(images/btn-slider-right.png) no-repeat left center; }
    #slides .next:hover, #slides .prev:hover { opacity:1; }
    #slides .pagination { margin: 10px auto 0; width: 100px; }
    #slides .pagination li a {
        background-image: url("images/btn-slider-pagination.png");
        background-position: 0 0;
        display: block;
        float: left;
        height: 0;
        overflow: hidden;
        padding-top: 12px;
        width: 12px;
    }
    #slides .pagination li.current a { background-position: 0 -12px; }
    
    #slides h2 a { position: absolute; bottom: 20px; left:0; background: #000; background:rgba(0,0,0,.2); padding:10px 15px; color:#fff; text-shadow: 0 1px 0 #000; line-height: 1em;  }
    #slides img { border: none; margin: 0; }
    
    /*-------------------------------------------------------------------------------------------*/
    /* 3. POSTS */
    /*-------------------------------------------------------------------------------------------*/
    
    .post {}
    .post .title a { color:#000; padding-bottom:5px; }
    .post .date-comments{border-bottom:1px solid #cacaca;color:#999;font-size:11px;height:30px;line-height:25px;margin:0 0 10px;}
    .post .date-comments a {color:#999 !important;}
    span.comments{background:url(images/ico-comments.gif) no-repeat left;padding:0 0 0 20px;}
    span.continue{background:url(images/ico-continue-trans.png) no-repeat left;line-height:20px;padding:2px 0 2px 22px;}
    span.continue-archives{background:url(images/ico-arrow-trans.png) no-repeat right center;margin-bottom:20px;padding:0 15px 0 0;}
    span.continue-archives-alt{background:url(images/ico-arrow-trans-left.png) no-repeat left center;margin-bottom:20px;padding:0 0 0 15px;}
    span.continue-archives a,span.continue-archives-alt a{color:#777;font-size:14px;font-weight:700;}
    a.more{background:url(images/ico-arrow-trans.png) no-repeat left;color:#777;font-size:11px;padding:0 0 0 15px;}
    
    #main h3{line-height:1em; background:#f5f4f0;border:1px solid #dedbd1;color:#363636;font-size:14px;height:20px;margin:0 0 15px;padding:10px 18px 5px;text-align:left;}
    .featuredpost h2{font-size:30px;}
    
    /*=== Misc. === */
    
    .fix{clear:both;height:1px;margin:0 0 -1px;overflow:hidden;}
    img.fl{margin:0 12px 5px 0;}
    img.post-thumbnail{float:left;margin:5px 10px 15px 0px;}
    .fr{float:right;}
    .ac{text-align:center;}
    .ar{text-align:right;}
    .gravatar{background:#FFF;border:1px solid #DEDBD1;float:left;margin:0 7px 0 0;padding:4px;}
    
    /*========= VIDEO ========= */
    
    .post .video{display:block;margin:0 0 20px;}
    
    /*========= SINGLE POST SPECIFIC ========= */
    
    .entry, .entry p  { font:14px/1.5em sans-serif; }
    .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin:0 0 0.5em; line-height:1.5em; }
    .entry p  { margin-bottom: 1.4em; }
    span.tags{background:url(images/ico-tags-trans.png) no-repeat left;padding:1px 0 0 20px;}
    .post .title{padding:5px 0;}
    .page .post .title { padding:5px 0 10px;}
    .entry p{font-size:12px;text-align:left;}
    .entry blockquote{border-left:2px solid #777;color:#777;font-style:italic;margin:5px auto 15px;padding:0 10px;width:85%;}
    .entry blockquote p{font-size:12px;line-height:20px;margin:5px 0;padding:5px 0;}
    .entry img{background:#F8F8F4;border:solid 1px #e6e6e6;padding:2px;}
    
    .entry blockquote p  { font-style:italic; font-family: serif; font-size:14px;  }
    
    .entry ul  { margin-bottom: 1.5em; padding: 0 0 0 30px; }
    .entry ul ul  { margin: 0; }
    .entry ul li  {	list-style-type: disc; }
    .entry ul ul li  { list-style-type: circle; }
    
    .entry ol  { margin-bottom: 1.5em; padding: 0 0 0 30px; }
    .entry ol ol  { margin: 0; }
    .entry  ol li  { list-style-type: decimal; }
    .entry  ol li ol li  { list-style-type: lower-latin; }
    
    /*========= ARCHIVE SPECIFIC ========= */
    
    .arclist ul li{border-bottom:1px solid #f1f1ed;color:silver;font-size:12px;padding:5px 0;}
    .catrss{background:url(images/ico-rss.gif) center left no-repeat;line-height:16px;padding-left:24px;}
    #main h3.template-title { margin-bottom:20px; }
    
    /*========= AUTHOR INFO ========= */
    
    .author_info{color:#666;margin-top:15px;padding:0;}
    .author_photo{float:left;margin-right:10px;width:58px;}
    .author_photo img{background-color:#FFF;border:1px solid #ccc;float:left !important;height:48px;padding:4px;width:48px;}
    .author_info p{line-height:1.3em;margin-bottom:10px;padding:0;}
    .author_info a{color:#333 !important; font-weight:bold; padding:0;text-decoration:none;}
    .author_info h3{font-size:14px;margin-bottom:10px;padding:0;}
    .author_email a{background-image:url(images/ico-email.png);background-position:left center;background-repeat:no-repeat;font-weight:700;padding-bottom:2px;padding-left:26px;padding-top:2px;text-decoration:none;}
    
    /* Misc */
    
    .entry .wp-caption{-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;background:#F8F8F4;border:solid 1px #e6e6e6;padding:1px;text-align:center;}
    .entry .wp-caption img{background:none;border:0;margin:0;padding:4px 0;}
    .entry .wp-caption-text{font-size:11px;margin:0;padding:0;text-align:center;}
    .entry .aligncenter{display:block;margin:10px auto 20px;}
    .entry .alignleft{float:left;margin:10px 10px 8px 0;}
    .entry .alignright{float:right;margin:10px 0 8px 10px;}
    ol{zoom:1px;}
    
    /* Pagination / WP-Pagenavi */
    .nav-entries, .wp-pagenavi { margin:0; padding:5px 0; }
    
    .nav-entries a, #post-entries a { display: block; color:#777 !important; font-weight:bold; text-decoration:none;}
    .nav-entries a:hover, #post-entries a:hover { text-decoration:underline; }
    
    .wp-pagenavi { margin: 0 !important; text-align: center; }
    .wp-pagenavi a:link,
    .wp-pagenavi a:visited { display: inline !important; text-decoration: none !important; background: #EEEEEE ;background:rgba(255,255,255,.4);color: #666; padding: 3px 7px !important; border:1px solid #DDDDDD !important;}
    .wp-pagenavi .current,
    .wp-pagenavi .on,
    .wp-pagenavi a:hover { padding: 3px 7px !important; background: #ddd; background:rgba(0,0,0,.05); border:1px solid #bbb !important; }
    .wp-pagenavi span.extend, .wp-pagenavi span.pages { background:none !important; border:none !important; color:#999 !important; }
    
    #post-entries { padding:10px 0; margin:0 0 20px 0;}
    
    /* Single Post Author */
    #post-author { background: url("images/bgr-box-trans.png") repeat-x scroll left top #F5F4F0; padding:15px; border:1px solid #DEDBD1; clear:both; margin:0 0 15px; }
    #post-author h4 { margin-bottom: 5px; }
    #post-author .profile-content { line-height: 1.5em; }
    #post-author .profile-image { float:left; margin:0 15px 5px 0; padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7);}
    #post-author .profile-link {  }
    
    /* Subscribe & Connect  */
    #main #connect { background: url("images/bgr-box-trans.png") repeat-x scroll left top #F5F4F0; padding:15px; border:1px solid #DEDBD1; clear:both; margin:0 0 15px; }
    #main #connect .col-left, #connect .col-right { width:48%; }
    #connect .title { margin-bottom: 10px; }
    #main #connect .title { padding:0; border:0; background: none;font-size:18px; }
    #connect p { margin: 0 0 1em; }
    #connect .newsletter-form { margin: 0 0 1em; }
    #connect .newsletter-form .input {  }
    #connect .newsletter-form .email { width:160px; }
    #connect .newsletter-form .submit { cursor:pointer; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
    #connect .social { }
    #connect .social a { opacity:0.8; }
    #connect .social a:hover { opacity:1; }
    #connect .related-posts { border-left:1px solid #e6e6e6; padding-left:15px; }
    #connect .related-posts ul { list-style: outside disc; margin:5px 0 5px 15px; }
    #connect .related-posts li { padding:2px 0; }
    .widget #connect .fl, .widget #connect .fr { float:none;}
    
    /* Entry Tables */
    .entry table  { width: 100%; border: 1px solid #e6e6e6; margin-bottom:1.2em; }
    .entry table tr.alt-table-row  { background: #f9f9f9; }
    .entry table th  { padding: 6px 0 3px 0; background: #EEEEEE; border: 1px solid #e6e6e6; text-shadow: 1px 1px 0 #fff; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; }
    .entry table td  { padding: 6px 0 3px 10px; border: 1px solid #e6e6e6; }
    
    /*-------------------------------------------------------------------------------------------*/
    /* 4. WIDGETS */
    /*-------------------------------------------------------------------------------------------*/
    
    .widget{background:#f5f4f0 url(images/bgr-box-trans.png) repeat-x top left;border:1px solid #dedbd1;margin:0 0 15px;padding:18px;}
    .widget h3{background:#ebe9e1;border:1px solid #dedbd1;color:#363636;display:block;font:bold 12px/18px sans-serif;margin:0 0 7px;padding:5px 8px;text-align:left;}
    #mpu_banner{border:1px solid #dedbd1;}
    .ads,.author_info ul,.author_info li{margin:0;padding:0;}
    .widget .flickr_badge_image img{background:#fff;border:1px solid #dedbd1;float:left;margin:4px 9px 4px 0;padding:7px;}
    .widget .flickr_badge_image img:hover{background:#ebe9e1;border:1px solid #dedbd1;}
    .widget .ads img{border:1px solid #dedbd1;float:left;margin:10px 0 0 15px;}
    .widget .ads img.last{float:right;margin:0;}
    .widget .textwidget { line-height: 1.5em;}
    .widget.ads-125 img { padding:10px ; }
    
    /*- Widget lists - */
    
    .widget ul{line-height:16px;padding:0;}
    .widget ul li{ background:url(images/bullet.png) no-repeat 0 1px; padding:0 0 5px 18px; border-bottom:1px solid #e6e6e6; margin:5px 0; }
    .widget ul li { }
    .widget ul li a {color:#333;}
    .widget ul li ul{margin:5px 0 0 10px;}
    
    /*- WooTabs - */
    
    #tabs ul.wooTabs { margin:0 0 8px; }
    #tabs ul.wooTabs li { list-style:none; float: left; display:inline-block; color: #ffffff; padding:0; cursor: pointer; background: #fff; margin:0 7px 8px 0;border:1px solid #DEDBD1;}
    #tabs ul.wooTabs li a {	color:#353535; display: block;float: left; font:bold 12px/18px sans-serif;padding: 5px 8px;  }
    #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { text-decoration:none; background:#EBE9E1;}
    #tabs .inside { padding:0; }
    #tabs .inside li { background:#fff;  }
    #tabs #tab-tags { background:#fff; padding:10px; border: 1px solid #e6e6e6;}
    #tabs .inside ul { margin:0; border: 1px solid #e6e6e6; border-width:1px 0 1px 0; }
    #tabs .inside li { border:1px solid #e6e6e6; border-width:0 1px 1px 1px; padding:10px; margin:0; }
    #tabs .inside li a { color:#555; font:bold 12px/18px sans-serif; }
    #tabs .inside a:hover{}
    #tabs .inside li span.meta { display:block; font:11px/20px sans-serif; text-transform:uppercase; color:#777; }
    #tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px;	background-color: #ffffff; float: left;	margin: 0 8px 0 0; }
    #tabs .inside .list { display:none; }
    #tabs .inside .list:first-child { display:block; }
    
    /* Twitter */
    
    .widget_woo_twitter .tlogo { background: none; border:none; padding:0; }
    .widget_woo_twitter .back { padding: 5px 15px 15px; background: #fff; border:1px solid #e6e6e6; }
    .widget_woo_twitter ul { background: none; padding-left:0; }
    .widget_woo_twitter ul li { border-bottom: 1px solid #e6e6e6; padding: 10px 0px; list-style:none; background: none;}
    .widget_woo_twitter ul li a { padding: 0px; }
    .widget_woo_twitter ul li .time { color:#999; }
    .widget_woo_twitter p { padding-top: 10px; }
    .widget_woo_twitter p a { color:#222; }
    .widget_woo_twitter ul li .content { font-size: 14px; line-height: 1.4em; font-family: 'Droid Serif', Georgia, serif; }
    .widget.widget_woo_twitter h3 { border-bottom:none; padding:0; margin:0; padding-bottom: 15px; }
    
    /* Blog Author Widget */
    .widget_woo_blogauthorinfo .avatar { padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7);}
    .widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; }
    .widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; }
    
    /*-------------------------------------------------------------------------------------------*/
    /* 5. COMMENTS */
    /*-------------------------------------------------------------------------------------------*/
    
    h2.commh2{color:#333 !important;font-size:1.4em !important;padding:0 0 5px;}
    ol.commentlist{line-height:20px;list-style:none;margin:10px 0 20px;padding:0;}
    ol.commentlist p,#respond p{line-height:20px;margin-bottom:10px;}
    ol.commentlist .content{margin-left:70px;}
    .commentmetadata a{color:#333;font-size:11px;}
    ol.commentlist cite{font-style:normal;font-weight:700;}
    ol.commentlist li.comment{background:#F8F8F4;border:1px solid #DEDBD1;margin:10px 0;padding:15px 15px 5px;}
    input#submit{background:#F5F4F0;border:1px solid #DEDBD1;color:#363636;font-size:12px;font-weight:700;margin:0 0 7px;padding:7px 10px;text-align:left; cursor: pointer;}
    
    /* Pingbacks / Trackbacks  */
    
    h3#pings{margin:20px 0 10px;}
    .pinglist{margin-bottom:20px;}
    .pinglist li{list-style-type:decimal;margin:0 0 0 20px;}
    .pinglist li .author{font-size:15px;font-weight:700;}
    .pinglist li .date{font-size:11px;}
    .pinglist li .pingcontent{display:block;margin:10px 0;}
    
    #comments .reply a { font: 11px/18px sans-serif; background: #eee; border-color:#888; color:#555 !important; text-shadow: none; }
    #comments .reply a:hover { background-color: #e6e6e6;}
    
    #comments .nocomments { font-size:1.2em; font-weight: bold; margin:0 0 20px; }
    /*-------------------------------------------------------------------------------------------*/
    /* 6. MISC */
    /*-------------------------------------------------------------------------------------------*/
    
    /* Contact Form  */
    
    #contact-page .screenReader{left:-9999px;position:absolute;top:-9999px;}
    #contact-page ol.forms{float:left;list-style:none;margin:10px 0 0;width:100%;}
    #contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%;}
    #contact-page ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;}
    #contact-page ol.forms input.txt{width:214px;}
    #contact-page ol.forms input#sendCopy{border:none;}
    #contact-page ol.forms textarea{height:300px;width:400px;}
    #contact-page ol.forms li .error{color:red;display:block;font-size:12px;margin-left:120px;}
    #contact-page ol.forms li.textarea .error{display:block;margin-left:120px;}
    #contact-page ol.forms li.screenReader{margin-bottom:0;}
    #contact-page ol.forms li.buttons .submit{margin:15px 0 0 120px;}
    #contact-page ol.forms li.inline input{margin-left:120px;width:auto;}
    #contact-page ol.forms li.inline label{display:inline;float:none;width:auto;}
    
    /* Gravity forms  */
    
    .gfield{margin-bottom:10px;}
    .gform_wrapper .top_label .gfield_label{display:block;float:left;margin:5px 0 4px !important;padding-right:20px;width:80px;}
    .gform_wrapper input.button{padding:5px 10px 6px !important;}
    .gform_wrapper input{padding:5px 3px !important;}
    .gform_wrapper .top_label input.large,.gform_wrapper .top_label select.large,.gform_wrapper .top_label textarea.textarea{padding:7px 3px !important;width:400px !important;}
    .gform_wrapper .entry img,.gform_wrapper img.thumbnail{border:0 !important;padding:0 !important;}
    ul.top_label .clear-multi{clear:none !important;}
    .gform_wrapper .gfield_checkbox,.gform_wrapper .gfield_radio{margin-left:120px !important;}
    img.ui-datepicker-trigger{display:none !important;}
    .gform_wrapper input,.gform_wrapper .top_label input.large,.gform_wrapper .top_label select.large,.gform_wrapper .top_label textarea.textarea{border:1px solid #CACACA;}
    .entry .gform_wrapper .gfield_checkbox li,.gform_wrapper .gfield_radio li{list-style:none !important;}
    
    /* Buttons */
    a.button,
    a.comment-reply-link,
    #commentform #submit,
    .submit {
    	display: inline-block;
    	margin: 5px 0;
    	padding: 3px 8px;
    	border: 1px solid #4081af;
    	border-bottom-color: #20559a;
    	color: white !important;
    	text-align: center;
    	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
    	text-decoration: none;
    
    	/*Border radius*/
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
    	border-radius: 5px;
    
    	/*Background*/
    	background: #237fd7; /*Fallback*/
    	background: -webkit-gradient(
    					linear,
    					left top,
    					left bottom,
    					color-stop(.2, #52a8e8),
    					color-stop(1, #2e76cf)
    				);
    	background: -moz-linear-gradient(
    					center top,
    					#52a8e8 20%,
    					#2e76cf 100%
    				);
    
    	/*Box shadow*/
    	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
    						inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
    						0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
    	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
    					inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
    					0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
    	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
    				inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
    				0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
    }
    
    a.button.large { padding:6px 16px;}
    a.button.small, a.comment-reply-link { padding:0px 10px;}
    
    a.button:hover,
    a.button.hover,
    a.button.active,
    a.comment-reply-link:hover,
    #commentform #submit:hover,
    .submit:hover {
    	text-decoration: none !important;
    	/*Background*/
    	background: #0073d2; /*Fallback*/
    	background: -webkit-gradient(
    					linear,
    					left top,
    					left bottom,
    					color-stop(.2, #3e9ee5),
    					color-stop(1, #1666ca)
    				);
    	background: -moz-linear-gradient(
    					center top,
    					#3e9ee5 20%,
    					#1666ca 100%
    				);
    }
    
    a.button:active,
    a.button.active  {
    	border-color: #20559a;
    
    	/*Box shadow*/
    	-webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
    						0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
    	-moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
    					0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
    	box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
    				0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
    }
    
    a.button.inactive,{
    	border: 1px solid #d5d5d5;
    	border-bottom-color: #e6e2e2;
    	color: #aeaeae;
    	text-shadow: 0 1px 0 white;
    
    	/*Background*/
    	background: #e8e8e8; /*Fallback*/
    	background: -webkit-gradient(
    					linear,
    					left top,
    					left bottom,
    					color-stop(.2, #f3f3f3),
    					color-stop(1, #e6e6e6)
    				);
    	background: -moz-linear-gradient(
    					center top,
    					#f3f3f3 20%,
    					#e6e6e6 100%
    				);
    
    	/*Box shadow*/
    	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/,
    						inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/,
    						0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
    	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/,
    					inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/,
    					0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
    	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/,
    					inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/,
    					0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
    }

    با تشکر

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

    بدون پیش نمایش امکان کمک کردن نیست. با داشتم استایل خالی نمیشه.

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    DownloadNeshan
  • amirsaam
    عضو
    تعداد نوشته‌ها: ۷۵۵
    تشکر شده: ۵۸۴ بار
    # نوشته شده: ۳ سال پیش
    ۸ مرداد ۱۳۹۰ - ۱۱:۵۶

    دوست عزیز این برگه از مستندات رو خوندید؟
    فایل rtl.css ساختید که کد زیر رو داشته باشه؟

    body{
            direction: rtl;
    	}
    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    DownloadNeshan
  • DownloadNeshan
    عضو
    تعداد نوشته‌ها: ۳۶
    تشکر شده: ۶ بار
    # نوشته شده: ۲ سال پیش
    ۸ مرداد ۱۳۹۰ - ۲۳:۱۲

    7i7GRiFFiN گفت:
    دوست عزیز این برگه از مستندات رو خوندید؟
    فایل rtl.css ساختید که کد زیر رو داشته باشه؟

    body{
            direction: rtl;
    	}

    سلام ..

    ممنون از پاسخ شما عزیزان . .
    بله خوندم. .
    البته این فایل رو از یک سایت دیگه گرفتم .. که برای دانلود قرار داده بود و کدش هم اینه . .

    body  {
    font: 80%/150% Tahoma, Arial ;
      margin: 0px ;
      padding: 0px ;
      direction:rtl ;
      float:right ;  
    
    }
    # nav  {
      list-style: none ;
      padding-right: 5px ;
      float: right ;
    }
    # nav li  {
      float: right ;
      margin: 0 3px ;
      white-space: nowrap ;
    }
    # nav .page_item a {
      font: bold 12px tahoma , Arial, Helvetica, sans-serif ;
      line-height: 25px ;
    }
    # search  {
      float: left ;
    }
    # searchform input  {
      font: bold 12px tahoma , Arial, Helvetica, sans-serif ;
    }
    # headerimg .description {
      right: 50px ;
    }
    ul.linkcat li, li.linkcat li {
      background: url(images/bullet-green.gif) no-repeat right 6px !important ;
      padding-right: 20px !important ;
    }
    /* category widget  */
    ul.list-cat li, li.widget_categories li {
      background: url(images/bullet-blue.gif) no-repeat right 6px !important ;
      padding-right: 20px !important ;
    }
    /* archives widget  */
    ul.list-archives li, li.widget_archives li {
      background: url(images/bullet-orange.gif) no-repeat right 6px !important ;
      padding-right: 20px !important ;
    }
    /* pages widget  */
    ul.list-page li, li.widget_pages ul li, li.widget_recent_entries li {
      background: url(images/bullet-orange.gif) no-repeat right 6px !important ;
      padding-right: 20px !important ;
    }
    /* sub-pages  */
    ul.list-page li ul div, li.widget_pages ul li ul li {
      background: url(images/bullet-orange.gif) no-repeat right center !important ;
      padding-right: 20px !important ;
    }
    /* recent comments widget  */
    div.widget_recent_comments li {
      background: url(images/mini-recent-comments.gif) no-repeat !important ;
      padding-right: 20px !important ;
    }
    . footer-meta ul li.rss  {
      background: url(images/mini-rss.gif) no-repeat 210px 6px ;
    }
    . footer-meta ul li  {
      background: url(images/mini-footer-icon.gif) no-repeat 215px 9px ;
      padding: 5px 17px 5px 20px ;
    }
    . footer-recent-posts ul li  {
      background: url(images/mini-footer-icon.gif) no-repeat 240px 9px ;
      padding: 5px 17px 5px 20px ;
    }
    . footer-recent-comments ul li  {
      background: url(images/mini-footer-icon.gif) no-repeat 240px 9px ;
      padding: 5px 17px 5px 20px ;
    }
    . post-date  {
      background: url(images/mini-calendar.gif) no-repeat 213px 0px ;
      padding-right: 340px ;
    }
    . post-calendar  {
      background: url(images/mini-calendar.gif) no-repeat 110px 0px ;
      padding-right: 20px ;
      float: left ;  
    
    }
    . post-cat  {
      background: url(images/tags.gif) no-repeat right center ;
      padding-right: 20px ;
      float: left ;
    }
    . post-comments  {
      background: url(images/mini-comments.gif) no-repeat right center ;
      padding-right: 20px ;
      float: right ;
    }
    # commentform  {
      font: 110% tahoma, Arial, Helvetica, sans-serif ;
    }
    # commentform #submit {
      font: bold 12px tahoma, Arial, Helvetica, sans-serif ;
    }
    # sidebar h2, #sidebar .sidebartitle {
      font: lighter 1.3em/1em tahoma, Arial, Georgia ;

    باز هم ممنون
    حمید

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