webmaster@1: /* $Id: style-rtl.css,v 1.4 2008/01/25 21:20:26 goba Exp $ */
webmaster@1: 
webmaster@1: body {
webmaster@1:   direction: rtl;
webmaster@1: }
webmaster@1: 
webmaster@1: blockquote {
webmaster@1:   border-right: 4px solid #69c;
webmaster@1:   border-left: none;
webmaster@1:   margin: 25px 50px 25px 100px;
webmaster@1:   text-align: right;
webmaster@1: }
webmaster@1: 
webmaster@1: #primary-menu tr {
webmaster@1:   background: transparent url(header-a.jpg) right bottom repeat;
webmaster@1: }
webmaster@1: 
webmaster@1: td#home {
webmaster@1:   background: transparent url(logo-background-rtl.jpg) right top repeat;
webmaster@1: }
webmaster@1: 
webmaster@1: td#home a:link img, td#home a:visited img {
webmaster@1:   background: transparent url(logo-active-rtl.jpg) repeat;
webmaster@1: }
webmaster@1: 
webmaster@1: td#home a:hover img {
webmaster@1:   background: transparent url(logo-hover-rtl.jpg) repeat;
webmaster@1: }
webmaster@1: 
webmaster@1: #primary-menu .primary-links {
webmaster@1:   background: transparent url(header-b-rtl.jpg) right top no-repeat;
webmaster@1: }
webmaster@1: 
webmaster@1: ul.links li {
webmaster@1:   border-right: 1px solid #ff8c00;
webmaster@1:   border-left: none;
webmaster@1: }
webmaster@1: 
webmaster@1: #navlist li {
webmaster@1:   border-right: 1px solid #369;
webmaster@1:   border-left: none;
webmaster@1: }
webmaster@1: 
webmaster@1: #subnavlist li, ul.primary-links li, ul.secondary-links li {
webmaster@1:   border-right: 1px solid #fff;
webmaster@1:   border-left: none;
webmaster@1: }
webmaster@1: 
webmaster@1: .tabs ul.primary {
webmaster@1:   padding: 0 10px 3px 0;
webmaster@1:   height: 1.2em; /* FF hack, see float below */
webmaster@1:   line-height: 1em; /* FF hack, see float below */
webmaster@1: }
webmaster@1: /* @begin FF hacks, copied from Wikipedia's RTL tabs implementation */
webmaster@1: .tabs ul { clear:right;}
webmaster@1: .tabs li {padding: 0 0 0 10px; float: right;}
webmaster@1: /* @end FF hacks */
webmaster@1: 
webmaster@1: .tabs ul.primary li a {
webmaster@1:   background: #fff url(tabs-off-rtl.png) right top no-repeat;
webmaster@1:   border-style: none none none solid;
webmaster@1:   margin-left: 10px;
webmaster@1:   margin-right: 0;
webmaster@1: }
webmaster@1: .tabs ul.primary li.active a {
webmaster@1:   background: #369 url(tabs-on-rtl.png) right top no-repeat;
webmaster@1:   border-right: none;
webmaster@1:   border-left: 2px solid #369;
webmaster@1: }
webmaster@1: 
webmaster@1: .tabs ul.primary li a:hover {
webmaster@1:   background-color:#FFFAF0;
webmaster@1:   color:#FF4500;
webmaster@1: }
webmaster@1: 
webmaster@1: .tabs ul.secondary {
webmaster@1:   padding: 10px 0 60px 0;
webmaster@1:   line-height: 220%;
webmaster@1: }
webmaster@1: 
webmaster@1: .tabs ul.secondary li {
webmaster@1:   padding: 0 10px 0 0;
webmaster@1:   border-left: none;
webmaster@1: }
webmaster@1: 
webmaster@1: .tabs ul.secondary li a {
webmaster@1:   background: #fff url(tabs-option-off-rtl.png) right center no-repeat;
webmaster@1:   padding: 10px 25px 10px 0;
webmaster@1: }
webmaster@1: 
webmaster@1: .tabs ul.secondary li a.active {
webmaster@1:   background: #fff url(tabs-option-on.png) right center no-repeat;
webmaster@1: }
webmaster@1: 
webmaster@1: .tabs ul.secondary li a:hover {
webmaster@1:   background: #fff url(tabs-option-hover-rtl.png) right center no-repeat;
webmaster@1: }
webmaster@1: 
webmaster@1: #menu {
webmaster@1:   text-align: left;
webmaster@1: }
webmaster@1: 
webmaster@1: .node .content {
webmaster@1:   text-align: right;
webmaster@1: }
webmaster@1: 
webmaster@1: .comment .content {
webmaster@1:   text-align: right;
webmaster@1: }
webmaster@1: 
webmaster@1: .block .title h3 {
webmaster@1:   padding: 10px 30px 10px 5px;
webmaster@1:   background: transparent url(icon-block-rtl.png) right center no-repeat;
webmaster@1: }
webmaster@1: 
webmaster@1: .node .picture {
webmaster@1:   float: left;
webmaster@1: }
webmaster@1: 
webmaster@1: .comment .title {
webmaster@1:   padding: 10px 19px 12px 0;
webmaster@1:   background: transparent url(icon-comment-rtl.png) right center no-repeat;
webmaster@1: }
webmaster@1: 
webmaster@1: .comment .new {
webmaster@1:   margin-right: 2px;
webmaster@1:   margin-left: 0;
webmaster@1: }
webmaster@1: 
webmaster@1: .comment .picture {
webmaster@1:   float: left;
webmaster@1: }
webmaster@1: 
webmaster@1: .nav .links .next a:link {
webmaster@1:   padding: 17px 0 17px 17px;
webmaster@1:   background: transparent url(arrow-next-rtl.png) left center no-repeat;
webmaster@1: }
webmaster@1: .nav .links .next a:visited {
webmaster@1:   padding: 17px 0 17px 17px;
webmaster@1:   background: transparent url(arrow-next-visited-rtl.png) left center no-repeat;
webmaster@1: }
webmaster@1: .nav .links .next a:hover {
webmaster@1:   padding: 17px 0 17px 17px;
webmaster@1:   background: transparent url(arrow-next-hover-rtl.png) left center no-repeat;
webmaster@1: }
webmaster@1: .nav .links .prev a:link {
webmaster@1:   padding: 17px 17px 17px 0;
webmaster@1:   background: transparent url(arrow-prev-rtl.png) right center no-repeat;
webmaster@1: }
webmaster@1: .nav .links .prev a:visited {
webmaster@1:   padding: 17px 17px 17px 0;
webmaster@1:   background: transparent url(arrow-prev-visited-rtl.png) right center no-repeat;
webmaster@1: }
webmaster@1: .nav .links .prev a:hover {
webmaster@1:   padding: 17px 17px 17px 0;
webmaster@1:   background: transparent url(arrow-prev-hover-rtl.png) right center no-repeat;
webmaster@1: }
webmaster@1: 
webmaster@1: #tracker th {
webmaster@1:   border-right: 1px solid #fafafa;
webmaster@1:   border-left: 1px solid #ddd ;
webmaster@1: }
webmaster@1: 
webmaster@1: #tracker th img {
webmaster@1:   float: left;
webmaster@1: }
webmaster@1: 
webmaster@1: #tracker td {
webmaster@1:   padding: 1em 0 1em 1em;
webmaster@1: }
webmaster@1: 
webmaster@1: #forum td.container {
webmaster@1:   background: #369 url(forum-container-rtl.jpg) left top no-repeat;
webmaster@1: }
webmaster@1: 
webmaster@1: #forum td.container a {
webmaster@1:   padding: 20px 35px 20px 0;
webmaster@1:   background: transparent url(forum-link-rtl.png) right center no-repeat;
webmaster@1: }
webmaster@1: 
webmaster@1: /* IE hack */
webmaster@1: div, div.name a, .tabs ul li, .tabs ul li a{zoom:1}
webmaster@1: .tabs ul.primary li a, .tabs ul.primary li.active a, .tabs ul.secondary li, .tabs ul.secondary li, div.tabs a.active {zoom:1}
webmaster@1: .tabs ul.primary li.active a{zoom:1}